@charset "utf-8";
/* CSS Document */
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin: 0; padding: 0; }
img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font-size: 12px; font-family: "微软雅黑"; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: none repeat scroll 0 0 #f7f7f7; color: #333333; line-height: 1.2; font: 12px/1.5 "微软雅黑", Helvetica, Arial, sans-serif; letter-spacing: normal !important; }
a, a:link { text-decoration: none; }
a:visited { }
a:active, a:hover { text-decoration: none; }
a:focus { outline: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
.clearfix { display: block; min-height: 1%; }
*html .clearfix { height: 1%; }
#wrapper { min-height: 100%; background: url(../images/public-bgbody.jpg) repeat 0 0; }
h1, h2, h3 { font-weight: normal; }
h2 { font-size: 28px; line-height: 1.29; }
h1 { font-size: 40px; line-height: 1.35; }
h4 { font-size: 20px; }
h5 { font-size: 14px; font-weight: bold; line-height: 1.286; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }
.ohd { overflow: hidden; }
textarea { resize: none; padding: 0px; margin: 0px; }
.mb15 { margin-bottom: 15px; }
.org { color: #ff6600; }
.divider { border-bottom: 1px solid #2B2B2B; border-top: 1px solid #111111; height: 0; margin: 12px 10px 0; }
.alls { position: absolute; left: 0; top: 0; width: 100% !important; z-index: 999 }
.g_sd51, .g_sd52 { position: absolute; width: 240px; margin: 0 -240px 0 0; overflow: hidden; }
.g_sd51 { background: #202020; float: left; left: 0; z-index: 1; overflow: inherit; *z-index:104; }
.g_sd52 { background: #e4e4e4; float: right; right: 0; border-left: 1px #ccc solid; }
.g_sd52 { float: right; width: 324px; margin: 0 0 0 -325px; overflow: hidden; }
.g_mn5 { float: left; width: 100%; }
.g_mn5c { height: 100%; margin: 0 324px 0 240px; padding: 0px 30px; *padding:0px 45px 0px 30px;
overflow-x: hidden; overflow-y: scroll; position: relative; background: #f7f7f7; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.bgcolor { background: #fff; }
/*#tbox{width:47px; height:73px; float:right; position:fixed;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:10px;
}*/
/*解决IE6下不兼容 position:fixed 的问题*/
.dypic { background: url(../images/dypic.png) no-repeat; }
.glyphicon { background: url(../images/glyphicon.png?20141022) no-repeat; }
#tbox { float: right; height: 169px; position: fixed; width: 46px; overflow: hidden }
#tbox { float: right; height: 318px; position: fixed; width: 119px; overflow: visible; }
#tbox .lift { position: relative; }
#tbox .lift a { font-size: 12px; color: #333333; border: 1px solid #b8b8b8; height: 40px; overflow: hidden; background: #ffffff; background: url(../images/s_tbg.png) no-repeat -500px -500px #fff; line-height: 40px; text-indent: 42px; /*width:103px;*/ width: 40px; cursor: pointer; transition: all 0.2s ease 0s; position: absolute; right: 0; }
#tbox #gotop { background-position: 12px 16px; position: absolute; top: 5px; }
#tbox #want { background-position: 10px -78px; position: absolute; top: 52px; }
#tbox #jianyi { background-position: 10px -124px; position: absolute; top: 99px; }
#tbox #dj { background-position: 10px -30px; position: absolute; top: 146px; }
#tbox .lift a:hover { width: 103px; }
.ewm_load .ewm_span { color: #000; display: block; width: 94x; height: 30px; line-height: 30px; padding-left: 6px; }
.ewm_load .ewm_down { background: #fff; padding: 0 7px; border: 1px solid #b8b8b8; border-bottom: none; }
.ewm_load .down_load { width: 119px; height: 34px; background: url('../images/s_t04.png'); }
.ewm_load .down_load span { color: #fff; font-size: 15px; display: block; margin-left: 42px; padding-top: 5px; }
.ewm_load { width: 119px; height: 173px; overflow: hidden; margin-top: 146px; position: relative; display: none; }
.ewm_load .code { position: absolute; top: 0; left: 0; }
.ewm_load .close { cursor: pointer; position: absolute; top: 6px; right: 7px; }
/*图文容器*/
.pro .bd li a .title { color: #444444; font-size: 14px; height: 20px; overflow: hidden; width: 310px; }
.pro .bd li a .moreMes { color: #F76300; padding-top: 2px; display: inline-block; width: 100%; }
.pro .bd li { width: 322px; height: 233px; overflow: hidden; background: #fff; margin-right: 16px; float: left; display: inline-block; margin-bottom: 20px; }
.pro .bd li a { display: inline-block; width: 320px; box-shadow: 0 1px 0px #efefef; border: 1px #ddd solid; }
.pro .bd li a:hover { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.pro .bd li.last { margin-right: 0px; }
.pro .bd .mes { padding: 5px 5px 3px; line-height: 20px; font-size: 12px; }
.pro .list { position: relative; z-index: 0; }
.pro .bd li .list:hover .shadow { display: block; }
.pro .list .shadow, .hotGame .unit .thumb .shadow { cursor: pointer; display: none; height: 180px; left: 0px; position: absolute; top: 0px; width: 320px; z-index: 10; background: url(../images/black.png) repeat; }
.hotGame .unit .thumb .shadow { width: 140px; height: 195px; }
.pro .list .shadow .iconPlay, .hotGame .unit .thumb .shadow .iconPlay { width: 69px; height: 69px; background: url(../images/playIcon.png) no-repeat 0 0; position: absolute; left: 120px; top: 52px; }
.icon_live { display: none; }
.search_result_list .list .icon_live { display: block; background: none repeat scroll 0 0 #62B21B; color: #FFFFFF; font-size: 12px; padding: 2px 6px; position: absolute; right: 0; top: 0; z-index: 11; }
.hotGame .unit .thumb .shadow .iconPlay { left: 35px; top: 52px; }
.moreMes span { overflow: hidden; display: inline-block; }
.moreMes .view { float: left; /*background: url("../images/view.gif") no-repeat scroll left center;*/ background: url("../images/peo.png?20171121") no-repeat scroll left center; color: #797979; height: 20px; overflow: hidden; padding-left: 24px; width: 50px; }
.moreMes .nnt { float: left; /*background: url("../images/nnt.gif") no-repeat scroll left center;*/ background: url(../images/head_icon.png?20140819) 0 -82px no-repeat; color: #797979; height: 20px; overflow: hidden; padding-left: 24px; width: 96px; }
.moreMes .zbName { height: 20px; overflow: hidden; text-align: right; float: right; }
.moreMes b { margin: 0px 2px; color: #7E7E7E; }
/*图文容器*/


.app a { background: url("../images/mobile_h.gif") no-repeat scroll left 9px; color: #F29E2B; float: right; padding: 8px 22px 0 19px; text-align: right; }
.app a:hover { color: #ffce49; }
/*左侧（用户信息）*/
.sidebar_search { margin-bottom: 15px; padding: 0 10px; }
.sidebar_search .dypic { background: #3c3c3c url(../images/glyphicon.png?20141022) no-repeat 8px 8px; float: left; width: 22px; height: 28px; *margin-top:1px;
}
.search_input { border: medium none; color: #7a7a7a; font: inherit; height: 28px; line-height: 28px; letter-spacing: inherit; margin: 0; outline: medium none; width: 185px; padding-left: 10px; background: #3c3c3c; }
.userarea .user { background: #4f4f4f; padding: 8px; position: relative; z-index: 1; }
.userarea .user .img { margin-right: 8px; }
.userarea .user .img a { width: 51px; height: 51px; display: inline-block; }
.userarea .user .intro { float: left; width: 156px; overflow: hidden; }
.userarea .user .intro h4 { color: #fff; float: left; font-size: 14px; margin-right: 5px; font-weight: normal; width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.userarea .user .intro li { margin-bottom: 5px; }
.userarea .user .intro a { color: #FFFFFF; text-decoration: none }
.userarea .user .intro a.exit { display: inline-block; width: 14px; height: 17px; background: url(../images/glyphicon.png?20141022) repeat-x -26px -131px; }
.userarea .user .intro a.exit:hover { background-position: 0px -131px; }
.userarea .user .intro a:hover { color: #fff; }
.userarea .user .intro .level_img { margin-top: 3px; display: inline-block; }
.userarea .bar { float: left; margin: 5px 15px 0px 0px; }
.user_emes { border-top: 1px #1d1d1d solid; border-bottom: 1px #1d1d1d solid; background: #2b2b2b; }
.user_emes li { float: left; width: 119px; border-right: 1px #232323 solid; text-align: center; line-height: 20px; height: 50px; overflow: hidden; }
.user_emes li a { color: #8e8e8e; display: inline-block; width: 119px; height: 45px; padding-top: 4px; }
.user_emes li a:hover { background: #343434; color: #fff; }
.user_emes li a.yw, .user_emes li a.gz { position: relative; }
.bar { background: none repeat scroll 0 0 #7B7B7B; color: #FFFFFF; display: inline-block; height: 10px; position: relative; width: 127px; }
.bar .bar_per { background: #ff921a; display: inline-block; height: 10px; left: 0; position: absolute; top: 0; width: 10%; }
.bar .bar_nb { font-size: 11px; position: absolute; right: 0; top: -4px; width: 122px; text-align: center; }
.bar span { float: left; }
.all_live { margin: 0px 10px; height: 28px; line-height: 30px; }
.all_live a { color: #ff921a; display: block; width: 217px; height: 28px; line-height: 28px; }
.all_live a.dypic { background: #343434; }
.all_live a.dypic:hover { background: #3e3e3e; }
.all_live .glyphicon { display: inline-block; width: 16px; height: 11px; margin: 0px 9px 0px 68px; *margin:-14px 9px 0px 68px;
}
.all_live .glyphicon.glyphicon_zb { background-position: -55px 1px; }
.nav_section { padding-top: 15px; position: relative; }
.scrollbar { background-position: 0 0; right: 0px; top: 0px; bottom: 0px; position: absolute; width: 15px; z-index: 9999; float: right; }
.scrollbar .track { padding: 0 1px; position: absolute; right: -3px; top: 0; width: 13px; }
.scrollbar .thumb { background: none repeat scroll 0 0 #454545; border-radius: 7px; cursor: pointer; height: 20px; overflow: hidden; width: 8px; position: absolute; top: 0; }
.scrollbar .thumb .end { height: 5px; overflow: hidden; width: 25px; }
#left_big_show { position: absolute; top: 240px; bottom: 50px; width: 240px; visibility: visible; }
#left_big_show .viewport { overflow: hidden; position: absolute; overflow: hidden; width: 240px; height: 100%; }
#left_big_show .overview { position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 240px; }
#left_big_show .disable { display: none; }
.left .header01 { background: none repeat scroll 0 0 #202020; color: #ACACAC; font-size: 12px; font-weight: bold; line-height: 22px; margin-bottom: 5px; padding: 0 10px; text-transform: uppercase; }
.nav_section .tagCont { padding: 0 10px; }
.nav_section .tagCont ul li { float: left; display: inline-block; height: 24px; width: 66px; margin: 2px 4px 4px 2px; }
.nav_section .tagCont a { background: none repeat scroll 0 0 #2F2F2F; display: inline-block; line-height: 24px; text-align: center; width: 62px; color: #909090; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0px 2px; }
.nav_section .tagCont a:hover { color: #fff; }
.nav_section .tagCont a.current { background: none repeat scroll 0 0 #E9A100; color: #FFFFFF; width: 66px; }
.nav_section .tagCont a.more { color: #ff921a }
.content .top { background: none repeat scroll 0 0 #202020; width: 240px; }
.content .top .logo_zb { background: url(../images/logo_zb.png) no-repeat scroll -4px 1px; display: block; height: 114px; text-indent: -100px; width: 240px; margin: 20px 0 10px; }
.sidenews { padding: 15px 10px 0px; }
.sidenews h3 { color: #fff; }
.sidenews li { line-height: 22px; }
.sidenews li a { color: #9e9e9e; }
.sidenews li a:hover { color: #e9a100; }
.loginarea, .gfbtn { padding: 10px 0px 10px 10px; border-top: 1px #2b2b2b solid; }
.gfbtn { background: none repeat scroll 0 0 #1A1A1A; border-top: 1px solid #2B2B2B; bottom: 0; left: 0; padding: 10px 0 10px 10px; position: absolute; }
.loginarea a, .gfbtn a { display: inline-block; width: 104px; height: 28px; line-height: 28px; text-align: center; color: #fff; margin-right: 5px; background: #636363; }
.loginarea a:hover, .gfbtn a:hover { background: #ff921a; }
#large_nav { width: 240px; background-color: #202020; position: absolute; top: 0; left: 0; bottom: 0; }
#large_nav .content { width: 240px; height: 100%; }
#small_nav { width: 50px; height: 100%; display: none; }
#small_nav .content { background: none repeat scroll 0 0 #202020; height: 100%; width: 49px; }
#small_nav .content ul { height: 100%; list-style-type: none; position: relative; }
#small_nav .content ul { height: 100%; list-style-type: none; position: relative; }
#small_nav .content ul li { overflow: hidden; }
#small_nav .content ul li a { cursor: pointer; display: block; float: left; height: 50px; overflow: hidden; text-indent: -999px; width: 49px; }
#small_nav .content ul li a:hover { background-color: #1B1B1B; }
#small_nav .content ul li a:active { background-color: #161616; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15) inset; }
#small_nav .filter_icon { display: block; float: left; height: 50px; width: 48px; }
#small_nav .filter_icon { background-image: url(../images/small_nav_icons_rev1.png); background-repeat: no-repeat; }
#small_nav #small_home .filter_icon { background-position: 0 0; }
#small_nav #small_home a:hover .filter_icon { background-position: -50px 0; }
#small_nav #small_following .filter_icon { background-position: 0 -300px; }
#small_nav #small_following a:hover .filter_icon { background-position: -50px -300px; }
#small_nav #small_account .filter_icon { background-position: 0 -250px; }
#small_nav #small_account a:hover .filter_icon { background-position: -50px -250px; }
#small_nav #small_account .filter_icon.filter_icon_login { background-position: 0px -380px; }
#small_nav #small_account a:hover.filter_icon.filter_icon_login { background-position: -51px -380px; }
#small_nav #small_sort .filter_icon { background-position: 0 -100px; }
#small_nav #small_sort a:hover .filter_icon { background-position: -50px -100px; }
#small_nav #small_live .filter_icon { background-position: 2px -150px; }
#small_nav #small_live a:hover .filter_icon { background-position: -48px -150px; }
#small_nav .content ul #small_account, #small_nav .content ul #small_login { border-top: 1px solid #111111; }
#small_nav .content ul #small_account a { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset; }
.intro .tip { left: 9px; top: 62px; z-index: 2; }
.tip { background: none repeat scroll 0 0 #FFFFFF; color: #5B5B5B; font-size: 12px; line-height: 20px; padding: 4px 5px; position: absolute; width: 207px; }
.tip i { color: #FF9300; }
.arrow { border-style: solid; border-width: 6px; top: -12px; display: block; height: 0; left: 102px; position: absolute; border-color: transparent transparent #fff; }
/*
 .viewport{position: relative;}
 .overview{ position:absolute;}
 */
.tipsy .arrow { border-style: solid; border-width: 6px; top: -12px; display: block; height: 0; left: 50%; position: absolute; border-color: transparent transparent #000; }
.tipbox { position: relative }
.tip01 { background: #888; color: #fff; font-size: 12px; line-height: 20px; padding: 4px 8px; position: absolute; text-align: center; }
.tip01 .arrow { border-style: solid; border-width: 6px; top: 27px; display: block; height: 0; left: 50%; position: absolute; border-color: #888 transparent transparent; }
/*
 .viewport{position: relative;}
 .overview{ position:absolute;}
 */
.tipsy {
    position: absolute;
    z-index: 999;
    padding: 6px 12px;
    background: #000;
    opacity: 0.8;
    min-width: 20px;
    max-width: 185px;
    /* height: 26px; */
    line-height: 20px;
    color: #FFF;
    font-size: 12px;
}

.tipsy .arrow { border-style: solid; border-width: 6px; top: -12px; display: block; height: 0; left: 50%; position: absolute; border-color: transparent transparent #000; }
/*显示隐藏*/
.dis { display: block; }
.undis { display: none; }
.nomar { margin-right: 0; }
.bold { font-weight: bold; }
.abs { position: absolute; }
.click { cursor: pointer; }
.move { cursor: move; }
.vis { visibility: visible; }
.unvis { visibility: hidden; }
html .noborder { border: none }
.noborbot { border-bottom: none; }
/*透明*/
.alp1 { filter: alpha(opacity=10); -moz-opacity: 0.10; opacity: 0.10; }
.alp2 { filter: alpha(opacity=20); -moz-opacity: 0.20; opacity: 0.20; }
.alp3 { filter: alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.alp4 { filter: alpha(opacity=40); -moz-opacity: 0.40; opacity: 0.40; }
.alp5 { filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; }
.alp6 { filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
.alp7 { filter: alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; }
.alp8 { filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; }
.alp9 { filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; }
/*颜色*/

/*网站默认UI设置：标签、按钮 、文本框、下拉、导航*/
    /*按钮样式*/
.btn {    /* 公共样式*/ display: block; background: #FFF; border: 1px solid #d2d2d2; color: #2b2b2b; text-align: center; line-height: 30px; font-size: 14px; cursor: pointer; }
.btn_hover { background: #ff921a; border: none; padding: 1px; color: #FFF; }
/*按钮样式*/

  /*文本框样式*/
.inptxt {  /* 公共样式*/ background: #FFF; border: 1px solid #d2d2d2; line-height: 36px; color: #979696; text-indent: 10px; }
.inptxt_rad { /* 通用样式 圆角，默认为四个像素*/ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; }
.inptxt_sho {  /* 通用样式 内阴影*/ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.65); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.65); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.65); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 1px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.65); }
/*网站默认UI设置：标签、按钮 、文本框、下拉、导航*/
.poptip { padding: 10px 15px 12px; width: 247px; background: #FFF; border: 1px solid #d2d2d2; }
.poptip .sj_top {
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
}
.poptip .sj_top:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}
.icon1 { display: block; background: url(../images/head_icon.png?20140819) 0 -82px no-repeat; }
.icon2 { display: block; color: #797979; padding-left: 18px; padding-right: 12px; background: url(../images/head_icon.png?20140819) 0 -204px no-repeat; }
/*遮罩层*/
.all_matte { display: none; margin-top: 72px; width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 2; }
/*HEADER*/

/*#header { width: 100%; height: 72px; background: url(../images/header_by.png?20150713) repeat-x; font-size: 12px; font-family: "微软雅黑"; }
#header .head { margin: 0 auto; width: 1200px; position: relative; z-index: 103; background: url(../images/header_by.png?20150713) repeat-x; height: 72px; position:relative; }
#header .fl { float: left; }
#header .fr { float: right; }
.head .logo {  display: block; margin-top: 14px; width: 170px; height: 54px; background: url(../images/teacher-logo.gif?20160909) 0 0 no-repeat; }
.head .header_nav { margin: 21px 0 0 50px; position: relative; *position:static; }
.head .nav_slide { width: 33%; height: 52px; border-bottom: 4px solid #ff6a1f; position: absolute; bottom: -4px; left: 0; }
.head .header_nav li { float: left; font-size: 24px; line-height: 32px; position: relative; padding:0 12px;}
.head .header_nav li a { display: block; padding: 0 8px; color: #444;}
.head .header_nav .game_menu { margin-left: -5px; *margin-left:0; }
.head .header_nav li a:hover { color: #fff; background:#ff7700; border-radius:3px; }
.head .header_nav li .current { color: #fff; background:#ff7700; border-radius:3px;}
.head .header_nav li .menu_sj { width: 10px; height: 9px; background: url(../images/bigGray_tria.png) 0 0 no-repeat; position: absolute; right: 0px; top:12px; transition: all 0.3s ease-in 0s; }
.menu_up { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }


.head .header_nav li .menu_webgame { width: 10px; height: 9px; background: url(../images/bigGray_tria.png) 0 0 no-repeat; position: absolute; right: 4px; top: 24px; transition: all 0.3s ease-in 0s; }*/

/*游戏弹框*/
/*.head .header_nav li .game_cas { *padding: 16px 15px 12px; position: absolute; right: -16px; top: 49px; }
.head .header_nav li .game_cas .sj_top{ right:50px;}
.head .case_top { right: 52px; }
.head .game_cas h3 { margin: 8px 0 4px 0; color: #444; font-size: 14px; line-height: 22px; font-weight: bold; font-family: "微软雅黑"; }
.head .game_cas .game_btn { width: 250px; overflow: hidden; }
.head .game_cas .game_btn li { float: left; padding: 0 3px 3px 0; }
.head .game_cas .game_btn a { padding: 0; width: 80px; height: 24px; background: #ececec; border: none; font-size: 12px; line-height: 24px; color: #797979; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.head .game_cas .game_btn a:hover { border: none; background: #fea01e; color: #FFF; }
.head .game_cas .all_btn { margin-top: 10px; height: 24px; background: #fea01e; line-height: 24px; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 8px; }
.head .game_cas .all_btn:hover { border: none; color: #FFF; }*/
/*游戏弹框完成*/

/*.head .header_r { float: right; margin-top: 14px; }*/
/* 头部搜索框样式定义*/
/*.head .search input { display: block; font-size: 12px; padding-left: 8px; width: 78px; height: 24px; background: none; border: none; line-height: 24px; outline: none;}
.head .search a {  display: block; width: 24px; height: 24px; }
.head .search a .iconfont{  font-size:20px; display:inline-block; margin-top:-2px; text-align:center; color:#999999; }
.head .search a:hover { }
.head .search input:focus { border-color: none; box-shadow: none; outline: none; }
.head .search { margin-top: 12px; width: 116px; height: 24px; border: 1px solid #aaaaaa; border-radius:5px; margin-right:25px;}*/

/*完成搜索框样式*/

/*.head .header_his { margin: 0 17px 0 0px;  position: relative; }
.head .header_his .his { display: block; cursor: pointer; color: #868686;}
.head .header_his .his .iconfont{ font-size:26px; height:31px; text-align:center; line-height:31px; width:50px;}
.head .header_his .his:hover { color: #ff6a1f;
}
.head .his_sj { display:none; width: 8px; height: 7px; background: url(../images/gray_tria.gif) no-repeat; position: absolute; top: 13px; right: -6px; transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; }
.his_up { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }
.head .poptip_a { width: 38px; height: 100px; position: absolute; top: -22px; left: 178px; z-index: 0; }
.phoneapp .poptip_a { width: 80px; height: 30px; position: absolute; top: -22px; left: 178px; z-index: 0; }*/
/*历史弹框部分*/
/*.head .his_case { padding: 0; width: 280px; position: absolute; right: -36px; top: 56px; background: #FFF; }
.head .header_his .poptip_a { width: 50px; left: 194px; }
.head .his_case p { line-height: 70px; font-size: 14px; }
.head .his_case p img { position: relative; top: 4px; }
.head .his_nr { padding-top: 8px; }
.head .his_nr li { padding: 5px 16px 4px 24px; height: 51px; border-bottom: 1px solid #d2d2d2; background: #f6f6f6; }
.head .his_nr .li1 { background: #FFF; }
.head .his_nr .lilast { padding-bottom: 10px; border: none; }
.head .his_nr li a { display: block; background: none; }
.head .his_nr li p a { color: #797979; font-size: 14px; font-weight: bold; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 196px; }
.head .his_nr li p a:hover { color: #ff6a1f; }
.head .his_nr span { display: block; }
.head .his_nr span a { display: block; float: left; color: #a6a6a6; width: 60px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; }
.head .his_nr .head_icon1 { display: block; padding: 0 2px 0 20px; background: url(../images/head_icon.png?20140819) 0 -158px no-repeat; }
.head .his_nr .head_icon2 { display: block; padding: 0 2px 0 18px; background: url(../images/head_icon.png?20140819) 0 -184px no-repeat; }
.head .his_nr .head_icon3 { display: block; padding-left: 18px; background: url(../images/head_icon.png?20140819) 0 -208px no-repeat; width: 48px; }
.head .his_nr .head_icon4 { display: block; padding: 0 2px 0 20px; background: url(../images/head_icon.png?20140819) 0 -229px no-repeat; }*/
/*历史弹框部分完成*/

/*.head .phoneapp { margin: 0 17px 0 0; font-size: 12px; cursor: pointer; position: relative; }
.head .phoneapp .head_icon1 { background: url(../images/head_icon.png?20140819) 0 -54px no-repeat; }
.head .phoneapp .attent {display: block; color: #868686;}
.head .phoneapp .attent{ display: block; cursor: pointer; color: #868686;}
.head .phoneapp .attent .iconfont{font-size:26px; height:31px; text-align:center; line-height:31px; width: 50px;}
.head .phoneapp .attent:hover { color: #ff7700;}

.head .phoneapp li { padding: 5px 8px 4px 14px; }
.head .phoneapp span .head_icon1 { width: 78px; }*/

/*下载*/
/*.head .downapp { margin: 0 17px 0 0; font-size: 12px; cursor: pointer; position: relative; }
.head .downapp .attent {display: block; color: #868686;}
.head .downapp .attent{ display: block; cursor: pointer; color: #868686;}
.head .downapp .attent .iconfont{ font-size:26px; height:31px; text-align:center; line-height:31px;}
.head .downapp .attent:hover { color: #ff7700;}*/

/*定义登录 注册状态样式*/
/*.head .loginShow {color:#868686; text-align: center; }
.head .loginShow .iconfont{ font-size:26px; height:31px; text-align:center; line-height:31px;color:#868686;  }
.head .loginShow:hover .iconfont { color:#ff7700;}
.head .loginShow a{ display: block; padding: 0 2px; float: left; color: #444;color:#868686;}
.head .loginShow span{ display: block; padding: 0 2px; float: left; color:#ddd;}
.head .head_user .poptip_a { left: 137px; width: 80px; }
.head .header_r .head_user {position: relative;  -moz-perspective:300px;-webkit-perspective:300px;perspective:300px;}
.head .header_r .head_user .headuser{ display:block;width:50px; text-align: center;}
.head .header_r .head_user .headuser .userpic{ height:48px;}
.head .header_r .head_user .headuser img{ width:48px; height:48px; display:block; border-radius:48px; margin:0 auto; border:1px solid #dcdcdc;}

.head .header_r .head_user .headuser:hover span{ color:#ff7700;}
.head .header_r .head_user:hover {}
.head .header_r .head_user .headuser span {display:none; color:#868686; padding:0; height:auto;  border-bottom:0; font-size: 12px; color: #868686; line-height: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; width:50px; }*/

/*个人资料部分*/
/*.head .user_case { padding: 0; width: 216px; position: absolute; right: 2px; top: 56px; background: #FFF; }
.head .usercase_top { right: 14px; }
.head .user_top { padding: 5px 21px; height: 43px; width: 174px; border-bottom: 2px solid #fea01e; font-size: 22px; font-weight: normal; color: #444; line-height: 42px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.head .user_case ul li { border-top: 1px solid #e8e8e8; }
.head .user_case ul li span { display: block; padding: 12px 34px; overflow: hidden; position: relative; }
.head .user_case ul li.first { border-top: none; }
.head .user_case ul li a { display: block; padding-left: 44px; font-size: 14px; color: #444; }
.head .user_case ul li a:hover { color: #ff7700; }
.head .user_case ul span:hover { border-left: 4px solid #fea01e; padding-left: 30px; }
.head .user_case ul li .user_icon1 { background: url(../images/user_icon.png?20150427) 0 -20px no-repeat; }
.head .user_case ul li .user_icon2 { background: url(../images/user_icon.png?20150427) 0 -47px no-repeat; }
.head .user_case ul li .user_icon3 { background: url(../images/user_icon.png?20150427) 0 -75px no-repeat; }
.head .user_case ul li .user_icon4 { background: url(../images/user_icon.png?20150427) 0 -105px no-repeat; }
.head .user_case ul li .user_icon5 { background: url(../images/user_icon.png?20150427) 0 -280px no-repeat; }
.head .user_case ul li .user_icon6 { background: url(../images/user_icon.png?20150427) no-repeat scroll 0 -244px; float: left; width: 64px; }
.head .user_case ul li .user_icon7 { background: url(../images/user_icon.png?20150427) 0 -312px no-repeat; }


.head .user_case li span b {
    display: block;
    height: 20px;
    width: 20px;

    color: #ff7700;
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;

    position: absolute;
    top: 12px;
    right: 60px;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
*/

/*个人资料部分完成*/
/*.head a:hover { color: #ff6a1f; }*/


/*娱乐hot图标*/
/*.g_hot_icon {
    display: block;
    width: 20px;
    height: 12px;
    background: url(../images/g_hot_icon.png) no-repeat;

    position: absolute;
    top: -5px;
    right: 0;
}*/
/*HEADER*/





/*--------------结束定义头部样式------------ */

#footer { /*border-top: 1px solid #626262;*/
padding-top: 20px; margin-top: 56px; width: 100%; height: 329px; background: #efefef; }
#footer .foot { margin: 0 auto; width: 1000px; /*width: 1200px;*/
overflow: hidden; padding-bottom: 33px; height: 193px; }
#footer .link { padding-right: 20px; width: 440px; position: relative; }
#footer .link ul { display: block; float: left; margin-right: 6px; }
#footer .software { margin-left: 16px;/*margin-left: 46px;*/
}
#footer h3 { font-size: 14px; line-height: 28px; color: #545454; margin-bottom: 8px; font-weight: bold; }
#footer .link li a { font-size: 14px; line-height: 24px; color: #868686; width: 140px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#footer .link li a:hover { color: #ff6a1f; }
#footer .software ul { overflow: hidden; }

#footer .software li { float: left; margin-right: 28px; }
#footer .software li span { display: block; padding-left: 20px; line-height: 22px; color: #868686; margin-bottom: 10px; font-size: 14px; }
#footer .software li a { display: block; color: #868686; }
#footer .software li a:hover span { color: #f76300; }
#footer .software li img { display: block; }
#footer .software .foot_icon1 { background: url(../images/xi_icon2.png?20141029) 2px 2px no-repeat; }
#footer .software .foot_icon3 { background: url(../images/xi_icon2.png?20141029) 0 -22px no-repeat; padding-left: 28px; }
#footer .contact { margin-top: 33px; height: 60px; color: #868686; /*margin-left:10px;*/
line-height: 28px; font-size: 14px; }
#footer .contact p { display: block; height: 32px; }
#footer .contact .weibo { display: block; width: 52px; height: 52px; background: url(../images/weibo_bj.png) no-repeat; float: left; padding: 6px; }
#footer .contact .weibo_icon { background-position: -62px 0; }
#footer .contact a.gfqq { padding: 0; color: #868686; }
/*.global_bj{
    width: 100%;
    height: 102px;
    background: #efefef;
}*/
.fglo_bg { background: url(../images/foot.png) no-repeat center top; height: 85px; padding-top: 18px; }
.foot_global { margin: 0 auto; /*padding-top:18px;*/
max-width: 1200px; text-align: center; }
.foot_global .about { overflow: hidden; *padding-left: 38px; *width: 600px; margin: 0 auto; line-height: 24px; *width: 640px; display: inline-block;}
.foot_global .about li { float: left; }
.foot_global .about li a, .foot_global .about li span { /*color: #b1b1b1;*/ padding: 0 2px; color: #999;}
.foot_global .about li a:hover { color: #ff6a1f; }
.foot_global p { /*margin-top:10px;*/
/*color: #b1b1b1;*/ line-height: 24px; color: #999;}
/**************FOOTER*****************/
.header .content, .footer .content { margin: 0 auto; width: 1000px; }
.footer { background: #282828; border-top: 4px #232323 solid; height: 100px; padding-top: 20px; margin-top: 70px; }
.footer a { color: #fff; }
.footer .ftmes { color: #a6a6a6; padding-top: 10px; padding-left: 30px; }
.footer .ftmes a { margin-right: 8px; text-shadow: 0 1px 2px #000; }
.footer .ftmes a:hover { color: #f39f2b; }
.footer .contact { float: right; color: #fff; }
.sina, .tx { display: inline-block; width: 23px; height: 18px; background: url(../images/share.gif) no-repeat; margin-left: 14px; }
.sina { background-position: 0px 0px; }
.tx { background-position: -40px 0px; }
/**************FOOTER-END*****************/
.page { padding: 18px 0px; color: #a3a3a3; margin-top: 30px; }
.page input { padding: 4px 8px; border: 1px #ccc solid; margin: 0px 4px; color: #a3a3a3; text-align: center; }
#page-link a {
    background-color: #f8f8f8; border-radius: 3px;  background-position: -25px 0; background-repeat: no-repeat; color: #a3a3a3; padding: 5px 9px; margin-right: 8px;
}
#page-link a.next {
    background-color: #f8f8f8; border-radius: 3px; background-position: -50px 0; background-repeat: no-repeat; color: #a3a3a3;
}
#page-link a.next:hover {
    background-color: #ffa11f; border-radius: 3px; background-position: -104px 0; background-repeat: no-repeat; color: #fff;
}
#page-link a:hover, #page-link a.current { background-color: #ffa11f; border-radius: 3px; background-position: 0 0;  background-repeat: no-repeat; color: #fff;}
.page input:hover, .page input:focus { border: 1px solid #FEA01E; }
.tag { width: 608px; padding-bottom: 10px; }
.tag_div .tag { padding-top: 10px; padding-bottom: 0px; *padding-bottom:10px;
}
.tagSelect { border-bottom: 1px solid #CCCCCC; }
.tag .primary_button01 { margin-left: 0px; }
.tag_but { float: left; text-align: center; margin-bottom: 8px; background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #BABABA; color: #666666; display: inline-block; height: 30px; line-height: 30px; margin: 0 10px 0 0; width: 60px; }
.tag ul li { display: inline; float: left; white-space: nowrap; margin-bottom: 8px; position: relative; text-align: center; }
.tag ul li a { font-size: 12px; background: none repeat scroll 0 0 #F2F2F2; border: 1px solid #d4d4d4; color: #666666; display: inline-block; margin: 0 10px 0 0; padding: 5px; }
.tag ul li a:hover { text-decoration: none; color: #000; }
.tag ul li .tag_check { background: none repeat scroll 0 0 #FFA72E; border: 1px solid #F39F2B; color: #FFFFFF; margin: 0 10px 0 0; padding: 5px; }
.tag ul li .tag_check:hover { color: #fff; }
.tag ul li.tag_li { margin-right: 5px; }
.control_group .tag { width: 570px; }
.tagSelect .tag_li a.delIcon { background: #FFA72E; border: medium none; color: #FFFFFF; font-weight: bold; margin: 0; padding: 0; position: absolute; right: 4px; top: 4px; width: 20px; z-index: 1; }
.tagSelect .tag_li .selectfl { background: none repeat scroll 0 0 #FFA72E; border: 1px solid #FFA72E; color: #FFFFFF; padding: 5px 27px 5px 5px; }
/* login */
.placeholder { color: #cecece; }
.loginWd { width: 548px; padding: 10px 0px; background: #fff; display: none; z-index: 1599; position: relative; }
.toggleBtn_login { border-bottom: 2px #e9e9e9 solid; }
.toggleBtn_login ul { height: 40px; }
.toggleBtn_login li { float: left; height: 40px; width: auto; }
.toggleBtn_login li a { display: block; font-size: 20px; line-height: 40px; padding: 0px 33px; color: #555; text-decoration: none; letter-spacing: 2px; }
.toggleBtn_login li a:hover { color: #000; }
.toggleBtn_login li a.current { color: #ffaf15; border-bottom: 2px #ffaf15 solid; }
#culp { background: none repeat scroll 0 0 #FFFFFF; display: block; height: 16px; position: absolute; right: 20px; top: 20px; width: 16px; }
#culp a:hover { text-decoration: none; }
.pwclose { display: block; float: right; height: 16px; position: relative; width: 16px; background: url(../images/glyphicon_del.gif) no-repeat 0 0; }
.pwclose .pwclose_h, .pwclose .pwclose_s { display: none\9; }
.wdCont { padding: 15px 0 15px 40px; }
.inputBox { width: 300px; float: left; border-right: 1px solid #dae2e5; display: none; }
.inputBox .inputtxt { border: 1px solid #d5d5d5; color: #979696; height: 35px; line-height: 37px; margin-top: 10px; text-indent: 10px; *text-indent:0px;
transition: border-color 0.3s ease 0s; width: 257px; border-radius: 4px; font-family: "微软雅黑", Arial; }

.inputBox .login_dialog_protocol {
    margin-top: 5px;
}
.inputBox .login_dialog_protocol input,
.inputBox .login_dialog_protocol label {
    display: inline;
}
.inputBox .login_dialog_protocol label {
    font-weight: normal;
    margin: 0;
    color: #555;
    margin-left: 5px;
}
.inputBox .login_dialog_protocol label a {
    color: #2091fb;
}

.loginBtn_dialog { margin-top: 20px; }
.loginBtn_dialog a { color: #3EB0D8; }
.loginBtn_dialog a:hover { text-decoration: underline; }
.loginBtn_dialog p { font-size: 12px; padding: 10px 0px 0px 10px; color: #858585; float: left; }
.sendlogin { background: none repeat scroll 0 0 #f6a200; color: #FFFFFF; cursor: pointer; display: block; float: left; font-size: 20px; letter-spacing: 2px; font-family: "微软雅黑", Arial; height: 35px; line-height: 35px; text-align: center; width: 130px; border: none; }
.elseLogin_dialog { float: left; padding-top: 10px; padding-left: 40px; }
.elseLogin_dialog p { color: #666; font-size: 12px; margin-bottom: 10px; }
.elseLogin_dialog a { color: #fff; display: block; height: 32px; line-height: 32px; text-align: center; width: 128px; font-size: 12px; text-decoration: none; }
.elseLogin_dialog a span { display: inline-block; position: relative; right: 12px; top: 8px }
.elseLogin_dialog .dy_icon { background: url(../images/dy_icon.png?v=20151217) no-repeat; overflow: hidden; top: 2px; left: 3px; }
.elseLogin_dialog div a { margin-bottom: 5px; }
.elseLogin_dialog .forgetPd { padding-top: 14px; margin-bottom: 0px; }
.elseLogin_dialog .forgetPd a { color: #3EB0D8; text-align: right; }
.elseLogin_dialog .forgetPd a:hover { text-decoration: underline; }
.wxBtn { background: #40ad38; }
.acfunBtn { background: #ffac0b; }
.sinaBtn { background: #3eb0d8; }
.qqBtn { background: #d63b22; }
.wxBtn:hover { background: #5cb956; }
.acfunBtn:hover { background: #ffc148; }
.sinaBtn:hover { background: #5bbcde; }
.qqBtn:hover { background: #dc5843; }
.dy_icon.dy_wx { background-position: -130px 0px; width: 32px; height: 30px; float: left; }
.dy_icon.dy_acfun { background-position: 0px 0px; width: 32px; height: 30px; float: left; }
.dy_icon.dy_sina { background-position: -42px 0px; width: 32px; height: 30px; float: left; }
.dy_icon.dy_qq { background-position: -88px 0px; width: 32px; height: 30px; float: left; }
.loginBg { background: #fff url(../images/loginBg.gif) no-repeat right bottom; }
.login-form-error { background: #FFFBFC; border-color: #F00 !important; }
.left_footer { bottom: 0px; width: 240px; height: 30px; position: absolute; padding: 20px 0px; }
.left_footer .divider { margin: 0px; }
.left_footer ul { padding: 8px 10px 0px; }
.left_footer ul li { float: left; line-height: 30px; margin: 0px 9px; }
.left_footer ul li a { color: #909090; }
.left_footer ul li a:hover { color: #FF921A; }
.topic_toTop { width: 46px; position: fixed; bottom: 20px; right: 120px; z-index: 12; display: none; }
.topic_toTop .backtop { height: 46px; background: url(../images/footer_icon.png) 11px 16px #000 no-repeat; }
.topic_toTop .backtop:hover { background-color: #fea01e; }
.adv_live { height: 90px; margin: 10px 10px 0; width: 220px; }
.adv_live img { width: 220px; height: 90px; }
div.hidden { display: none }
/* 房间发言限制设置 */
.speak_set table { width: 320px; }
.speak_set table th { width: 108px; height: 38px; text-align: right; line-height: 36px; color: #000; font-weight: normal; }
.speak_set table td { padding-left: 6px; line-height: 36px; }
.speak_set table .middle_txt { margin-right: 8px; width: 120px; height: 24px; border: 1px solid #d2d2d2; line-height: 24px; }
.speak_set table label { color: #333; line-height: 32px; }
.speak_set table .small_txt { display: block; float: left; padding-left: 4px; margin: 4px 8px 0 0; width: 41px; height: 24px; border: 1px solid #d2d2d2; background: #FFF; line-height: 24px; color: #a2a2a2; }
/* 超管房间审核管理 */
#room_gg_verify { padding-top: 5px; }
#room_gg_verify .head { margin-bottom: 5px; padding-bottom: 10px; border-bottom: 1px dashed #ccc; position: relative; }
#room_gg_verify .head span.ex { border: 1px solid #595959; padding: 1px 2px; float: left; display: inline-block; margin-right: 4px }
#room_gg_verify .head a { margin-left: 15px; color: #888; font-weight: bold; }
#room_gg_verify .head a:hover { color: #338822; }
#room_gg_verify .head a.active { background-color: #d9d9d9; padding: 2px 4px; color: #000; }
#room_gg_verify .head span.right { float: right; right: 0; position: absolute }
#room_gg_verify .head button { padding: 1px 8px; border: 1px solid #595959; background-color: #fff; color: #333; font-size: 12px; }
#room_gg_verify .head button:hover { background-color: #d9d9d9; }
#feedback_report_button { margin-left: 25px; color: #444 }
#feedback_report_button:hover { color: #f76300; }
/*房间二维码下载*/
.room_qrcode { margin-right: 8px; width: 200px; }
.room_qrcode .box { display: none; }
.room_qrcode a.title { color: #666; line-height: 25px; padding-left: 5px; width: 200px; margin: 0; display: block; background: url("../images/room_vactivebg.png?20141103") right no-repeat; }
.qrcode_box_show { position: relative; height: 0; }
.qrcode_box_show .box a { background: url("../images/room_qrcode_bg.png") no-repeat; width: 190px; height: 192px; display: block; }
.qrcode_box_show .box { display: block; padding: 2px 5px 5px 5px; text-align: center; }
/*广告位*/
.dy_top_gg { margin: 20px auto 0; width: 100%; }
.dy_top_gg span{
     display: block;
     width: 100%;
     height: 100px!important;
     overflow:hidden;
     padding-bottom: 6px;
     position: relative;
}
.dy_bottom_gg span{
     display: block;
     height: 100px;
     overflow:hidden;
     position: relative;
}
.dy_top_gg img { width: 100%;height:100%}
.lol_ad { width: 1200px; margin: 10px auto; clear: both; }
.lol_ad h2 { color: #444; margin-bottom: 10px; font-size: 36px; font-weight: bold; line-height: 40px; }
.lol_ad .two_img { overflow: hidden; }
.lol_ad .two_img span { display: block; width: 49%; height: 100px;}
.lol_ad .two_img img { width: 100%;height:100%}
/*友情链接扩大*/
#footer .link_btn { width: 52px; position: absolute; right: 70px; top: 0px; }
#footer .link_btn a { display: none; width: 24px; height: 24px; background: url(../images/link_bt.png) no-repeat; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; }
#footer .link_btn .fl { margin-right: 4px; background-position: 0 0; }
#footer .link_btn .fl:hover { background-position: 0 -26px; }
#footer .link_btn .fr { background-position: -26px 0; }
#footer .link_btn .fr:hover { background-position: -26px -26px; }
#footer .link .link_c { width: 438px; height: 144px; overflow: hidden; position: relative; }
#footer .link .link_warp { position: absolute; left: 0; top: 0; }
.head .header_nav .expres_pic { width: 247px; overflow: hidden; }
.head .header_nav .expres_pic span { display:block; height:61px; overflow: hidden;}
.head .header_nav .expres_pic a { padding: 0; line-height: 0; height:100%}
.head .header_nav .expres_pic img{
     width: 100%;
     height: 100%;
}
.head .header_nav .expres_pic a:hover { border: none; }
/*战队header*/
.head .header_nav li .team_sign { position: absolute; right: -16px; top: 54px; overflow: hidden; padding: 10px; background: #fff; width: 285px; }
.head .header_nav li .team_sign dd { width: 57px; height: 44px; overflow: hidden; float: left; text-align: center; }
.head .header_nav li .team_sign dd a { width: 57px; height: 44px; overflow: hidden; padding: 0; position: relative; }
.head .header_nav li .team_sign a:hover { border: none; left: -1px; top: -1px; z-index: 2; }
.head .header_nav li .menu_sjm { width: 10px; height: 9px; background: url(../images/bigGray_tria.png) 0 0 no-repeat; position: absolute; right: 4px; top: 24px; transition: all 0.3s ease-in 0s; }
/*定制直播间留言框*/
.cs_unbound { background: #FFFFFF; float: left; height: 41px; overflow: hidden; padding: 10px; width: 252px; border: 1px solid #d1d1d1; border-right: 0px; }
/*中文验证码样式*/
.lyzm { margin: -191px 0 0 -194px; height: 382px; overflow: hidden; background: #fff; font-size: 12px; position: fixed; left: 50%; top: 50%; border: 1px solid #e0e0e0; z-index: 303; width:388px; }
.lyzm .tit { height: 46px; overflow: hidden; background: #f6a200; }
.lyzm .tit h3 { line-height: 46px; font-size: 16px; color: #fff; padding-left: 18px; float: left; font-weight: normal; }
.lyzm .tit .close { float: right; display: block; background: url(../images/yz_c3.gif) no-repeat; width: 46px; height: 46px; overflow: hidden; transition: all 0.3s linear 0s; text-indent: -9999px; }
.lyzm .tit .close:hover { background: url(../images/yz_c2.gif) no-repeat; }
.lyzm .con { padding: 35px 47px 30px; }
.lyzm .val_add { height: 36px; line-height: 36px; word-break: break-all; }
.lyzm .val_add span { float: left; font-size: 14px; padding-right: 14px; }
.lyzm .val_add b { border: 1px solid #ddd; border-right: none; height: 34px; width: 46px; float: left; text-align: center; line-height: 34px; font-size: 22px; font-weight: normal; }
.lyzm .val_add .delete { background: url(../images/yz_c1.png) no-repeat; border: none; cursor: pointer; width: 48px; height: 36px; }
.lyzm .input_show { height: 43px; padding-left: 58px; padding-top: 12px; margin-bottom: 5px; }
.lyzm .input_show em { color: #3eb0d8; padding-left: 18px; font-style: normal; }
.lyzm .input_show span { backgroundPositionX: 0px; backgroundPositionY: 40px; background-position: 0px 40px; display: inline-block; height: 40px; margin-right: 5px; vertical-align: middle; width: 150px; }
.lyzm .ation { padding-left: 58px; }
.lyzm .ation i { font-style: normal; color: #e30000; }
.lyzm .val_input { width: 194px; margin-top: 10px; margin-left: 58px; }
.lyzm .val_input a { display: block; float: left; margin: 0 5px 5px 0; width: 55px; height: 40px; border: 1px solid #e0e0e0; border-bottom-color: #bfbfbf; outline: 0; background: -ms-linear-gradient(top, #fff, #f5f5f5); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5)); background: -moz-linear-gradient(top, #fff, #fafafa); filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#FFFFFF, endColorStr=#F5F5F5);
zoom: 1 }
.lyzm .val_input a b { width: 55px; height: 40px; cursor: pointer; zoom: 1; display: block; }
.lyzm .val_add b, .lyzm .val_input b { background-attachment: fix; background-repeat: no-repeat; backgroundPositionX: -500px; backgroundPositionY: -500px; background-position: -500px -500px }
.lyzm .val_input #v_0 { backgroundPositionX: 0px; backgroundPositionY: 0px; background-position: 0 0 }
.lyzm .val_input #v_1 { backgroundPositionX: -55px; backgroundPositionY: 0px; background-position: -55px 0 }
.lyzm .val_input #v_2 { backgroundPositionX: -110px; backgroundPositionY: 0px; background-position: -110px 0 }
.lyzm .val_input #v_3 { backgroundPositionX: 0px; backgroundPositionY: -40px; background-position: 0 -40px }
.lyzm .val_input #v_4 { backgroundPositionX: -55px; backgroundPositionY: -40px; background-position: -55px -40px }
.lyzm .val_input #v_5 { backgroundPositionX: -110px; backgroundPositionY: -40px; background-position: -110px -40px }
.lyzm .val_input #v_6 { backgroundPositionX: 0px; backgroundPositionY: -80px; background-position: 0 -80px }
.lyzm .val_input #v_7 { backgroundPositionX: -55px; backgroundPositionY: -80px; background-position: -55px -80px }
.lyzm .val_input #v_8 { backgroundPositionX: -110px; backgroundPositionY: -80px; background-position: -110px -80px }
@media (max-width: 390px) {
.lyzm {
    width: 300px;
    margin: 0 0 0 -150px;
    top: 10px;
}
.lyzm .con { padding: 10px; }
.lyzm .val_add b { width: 40px; }
.lyzm .input_show em { display: none; }
}

.mobile .lyzm .val_add b{ height:36px;}
/*通用顶部增加页游入口*/
.ark_case{
    left: 0;
}

.ark_case .ark_pic{
   margin-top: 20px;
}
.ark_case .ark_pic img{
     width: 247px;
     height: 61px;
}


/*私信*/
.letter_dian{
    display: block;
    padding: 0 2px;
    min-width: 12px;
    height: 16px;

    background: #f76300 ;
    border-radius: 6px;
    position: absolute;

    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica,Arial,sans-serif;

    top: -4px;
    left:48px;

    -webkit-transform-style: preserve-3d
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    transform-origin:center center;


}
.pt_shake{
    animation:shake 0.5s both;
    -webkit-animation:shake 0.5s both;
}

/*移动端new图标*/
.g_new_icon {
    display: block;
    width: 20px;
    height: 12px;
    background: url(../images/g_new_icon.png?20150730) no-repeat;
    position: absolute;
    top: -3px;
    right: -13px;
}

/*房间管理 房间数据*/
.aui_content .aui_room_table{
    width: 480px;
    border-collapse: collapse;
    text-align: center;
}

.aui_content .aui_room_table td,.aui_content .aui_room_table th{
    height: 18px;
    padding: 4px;
    border:1px solid #ddd;

    font-size: 12px;
    color: #555;
}
.aui_content .aui_room_table th{
    background-color: #fff3e3;
}
.aui_content .aui_room_table .t_yellow{
    background-color: #fff3e3;
}

/*直播列表页 分页*/
.tcdPageCode{padding:20px 0 30px 0; text-align:center; font-size:12px;  font-family:"微软雅黑";}
.tcdPageCode a{display:inline-block;height:26px; width:34px; text-align:center;line-height:26px; color:#7f7f7f; margin:0 5px;  border:1px solid #d5d5d5; border-radius:3px;}
.tcdPageCode a:hover{background:#f70;color:#fff; border:1px solid #f70;}
.tcdPageCode span.current{display:inline-block;height:26px; width:34px; text-align:center;line-height:26px; background:#f70; color:#fff; margin:0 5px;  border:1px solid #f70; border-radius:3px;}

.tcdPageCode a.prevPage{width:60px;}
.tcdPageCode a.nextPage{width:60px;}
.tcdPageCode span.disabled{display:inline-block;height:26px; padding:0 12px; text-align:center;line-height:26px; color:#bfbfbf; margin:0 5px;  border:1px solid #bfbfbf; border-radius:3px;}
.tcdPageCode span.point{color:#7f7f7f;font-weight:bold; margin:0 5px;}

.tcdPageCode .jumppage{ margin-left:20px; color:#7f7f7f; line-height:28px;}
.tcdPageCode .jumptxt{ width:34px; height:26px; line-height:26px; border:1px solid #d5d5d5; padding:0 5px; vertical-align:top;}

/*私信消息提示动画*/

@-webkit-keyframes shake{
   0%,100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
        }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
        }
     20%,40%,60%,80%{
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
       }
    }
@keyframes shake{
    0%,100%{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-2px,0,0);
        transform:translate3d(-2px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(2px,0,0);
        transform:translate3d(2px,0,0)
    }
}



/**
 * 直播间改版
 * 头部全站公用
 * by zhanglong2@douyu.tv
 * 2015-10-28
 */

/*#header {
    height: 50px;
    background: #f5f5f5;
    border-bottom: 1px solid #d1d1d1;
}
#header .head {
    height: 50px;
    background: none;
}
#header .head .logo {
    height: 35px;
    width: 125px;
    background: url(../images/logo_new.png?20151021) 0 0 no-repeat;
    margin-top: 8px;
}
#header .head .header_nav {
    margin-top: 10px;
    margin-left: 30px;
}
#header .head .header_nav li {
    font-size: 20px;
    line-height: 30px;
    padding: 0 10px;
}
#header .head .header_nav li a {
    padding: 0 10px;
}
#header .head .header_r {
    margin-top: 0;
}
#header .head .header_r .iconfont {
    display: inline-block;
    font-size: 20px;
}
#header .head .search {
    margin-top: 13px;
    margin-right: 23px;
    height: 22px;
    width: 148px;
}
#header .head .search input {
    width: 116px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
}
#header .head .search a {
    width: 22px;
    height: 22px;
    line-height: 22px;
}
#header .head .search a .iconfont {
    margin-top: 0;
}
#header .head .header_his,
#header .head .phoneapp,
#header .head .downapp,
#header .head .loginShow {
    height: 20px;
    margin-top: 15px;
}
#header .head .header_his .his,
#header .head .phoneapp .attent,
#header .head .downapp .attent {
    height: 20px;
    line-height: 20px;
}
#header .head .header_r span.iconfont,
#header .head .header_r span.text {
    display: inline-block;
    vertical-align: top;
    width: auto;
    height: auto;
    line-height: 20px;
    padding: 0 !important;
}
#header .head .header_his .his .iconfont,
#header .head .phoneapp .attent .iconfont {
    margin-right: 6px;
}
#header .head .downapp .attent .iconfont,
#header .head .loginShow .iconfont {
    margin-right: 3px;
}
#header .head .header_r span.text,
#header .head .loginShow a,
#header .head .loginShow em {
    font-family: '\5b8b\4f53';
}
#header .head .loginShow a,
#header .head .loginShow em {
    display: inline-block;
    line-height: 20px;
}
#header .head .loginShow em {
    padding: 0 1px;
    float: left;
    color: #ddd;
}
#header .g_new_icon {
    display: none;
}
#header .head .header_r .head_user,
#header .head .header_r .head_user .headuser,
#header .head .header_r .head_user .headuser span,
#header .head .header_r .head_user .headuser img {
    height: 26px;
}
#header .head .header_r .head_user{
    margin-top: 12px;
}
#header .head .header_r .head_user .headuser {
    width: auto;
}
#header .head .header_r .head_user .headuser span,
#header .head .header_r .head_user .headuser em {
    display: inline-block;
    line-height: 26px;
    vertical-align: top;
    cursor: pointer;
}
#header .head .header_r .head_user .headuser .userpic,
#header .head .header_r .head_user .headuser img {
    width: 26px;
    border: none;
}
#header .head .header_r .head_user .headuser .userpic {
    margin-right: 5px;
}
#header .head .header_r .head_user .headuser .user_top {
    width: auto;
    max-width: 85px;
}
#header .head .header_r .head_user .headuser em.menu_sj,
#header .head .header_r .downapp em.menu_sj {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 11px 0 0 5px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-top: 5px solid #868686;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-bottom: 0 none;
    transition: all 0.3s ease-in 0s;
}
#header .head .header_r .head_user.on .headuser em.menu_sj,
#header .head .header_r .downapp.on  em.menu_sj
 {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#header .letter_dian {
    top: -9px;
    left: 20px;
    font-weight: normal;
}
#header .head .his_case{
    top: 35px;
}
#header .head .user_case {
    top: 38px;
}*/

/*头部icon*/
/*.head .header_nav li .game_cas{
    top: 40px;
}
#header .head .header_his .his .iconfont,#header .head .phoneapp .attent .iconfont,#header .head .downapp .attent .iconfont{
    background: url(../images/head-nicon.png) no-repeat -500px -500px;
    display: inline-block;
    width: 18px;
    height: 20px;
}
#header .head .header_his .his .iconfont{
    background-position:0 1px;
}
#header .head .header_his .his:hover .iconfont{
    background-position:-23px 1px;
}
#header .head .phoneapp .attent .iconfont{
    background-position:0 -24px;
}
#header .head .phoneapp .attent:hover .iconfont{
    background-position:-23px -24px;
}
#header .head .downapp .attent .iconfont{
    background-position:0 -51px;
}
#header .head .downapp .attent:hover .iconfont{
    background-position:-23px -51px;
}*/

#left_col {
    overflow: visible;
}
#back {
    position: fixed !important;
}


/*下载页优化 */
/*#header .head  .head_downl{
    width: 120px;
    top:
}
.head .head_downl .case_top{
    right: 44px;
}
#header .head  .head_downl ul li{
    margin: 0 10px;
    padding: 0 6px;
    border-bottom: 1px solid #e8e8e8;
}
#header .head  .head_downl ul li a{
    display: block;
    height: 36px;

    line-height: 36px;
    font-size: 14px;
    color: #444;
}
#header .head  .head_downl ul li a:hover{
    color: #f70;
}
#header .head .header_r .downapp em.menu_sj{
    margin: 0 0 0 2px;
    position: relative;
    top: -2px;
}*/
#footer .footdownl{
    width: 140px;
}

/*header 20151126*/
/*header begin*/
#header {
    width: 100%;
    height: 50px;
    background: #f5f5f5;
    border-bottom: 1px solid #d1d1d1;
}
#header .head {
    margin: 0 auto;
    width: 1493px;
    position: relative;
    z-index: 103;
    height: 50px;
}
.head .logo {
    display: block;
    /*padding-top: 8px;*/
    height: 50px;
    width: 88px;
    /*margin-left : 12px;
    background: url(../../res/com/logo.png?201600302) 0 8px no-repeat;*/
    background: url('../images/logo_v1.png?20190102') left center no-repeat;
}
.head .logo a{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.head .header-vam{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 0;
    height: 100%;
}
.head .header_nav {
    padding: 10px 0 0 20px;
    height: 40px;
    position: relative;
   *position:static;
}
#header .w1520head,#header .w1366head{
     width: 1200px;
}
/* 修复1366下，当用户名特别长的时候，搜索被点下，右侧功能条被挤下的问题 */
#header .w1366head .header_nav .yugou-mall + li,
#header .w1520head .header_nav .yugou-mall + li{
    padding-right: 0;
}
#header .w1520head .head-logo,#header .w1366head .head-logo{
    margin-left : 0px;
}
.head .nav_slide {
    width: 33%;
    height: 52px;
    border-bottom: 4px solid #ff6a1f;
    position: absolute;
    bottom: -4px;
    left: 0;
}

.head .header_nav>li {
    float: left;
    font-size: 20px;
    line-height: 30px;
    padding: 0 16px;
    position: relative;
}
.head .header_nav>li>a {
    display: block;
    color: #444;
}
.head .header_nav .game_menu {
    margin-left: -5px;
    *margin-left:0;
}
.head .header_nav>li>a:hover {
    color: #ff630e;
}
.head .header_nav>li .current,
.head .header_nav>li a.current:hover {
    color: #fff;
    background: #ff630e;
    border-radius: 3px;
}
.head .header_nav>li .menu_sj {
    position: absolute;
    right: -5px;
    top: 14px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url('../images/assort-icon.png?20160624') no-repeat;
    transition: transform 300ms ease-in-out 0s;
    -o-transition: -o-transform 300ms ease-in-out 0s;
    -moz-transition: -moz-transform 300ms ease-in-out 0s;
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s;
    border-bottom-left-radius : 4px;
    border-bottom-right-radius : 4px;
}
.head .header_nav>li .menu_up {
    background: url('../images/assort-icon-hover.png?20160624') no-repeat !important;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.head .header_nav>li .menu_webgame {
    width: 10px;
    height: 9px;
    background: url(../images/bigGray_tria.png) 0 0 no-repeat;
    position: absolute;
    right: 4px;
    top: 24px;
    transition: all 0.3s ease-in 0s;
}
.head .header_nav>li.funny {
    font-size: 15px;
    width: 30px;
    border-left: 1px #dbdbdb solid;
    height: 20px;
    margin: 7px;
    padding: 0 20px;
}
.head .header_nav>li.funny > a {
    margin-top: -7px;
}

.head .header_nav>li.mobileGame {
    font-size: 15px;
    width: 30px;
    padding: 0 10px;
}

.head .header_nav .funny_menu {
    width: 63px;
    text-align: center;
    padding: 0 12px;
}
.head .header_nav .funny_menu>i {
    position: absolute;
    right: -4px;
    top: 14px;
    width: 9px;
    height: 5px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    background: url('../images/assort-icon.png?20160624') no-repeat;
    transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    border-bottom-left-radius : 4px;
    border-bottom-right-radius : 4px;
}
.head .header_nav .funny_menu.open>i {
    background: url('../images/assort-icon-hover.png?20160624') no-repeat !important;
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.head .header_nav .funny_menu .a-pop {
    padding: 0px 16px 17px;
    width: 247px;
    position: absolute;
    right: -110px;
    top: 40px;
    display: none;
    background: #fff;
    border: 1px solid #dddddd;
    border-bottom-left-radius : 4px;
    border-bottom-right-radius : 4px;
}
.head .header_nav .funny_menu .a-pop>i {
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    right: 50%;
    margin-right : -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
}
.head .header_nav .funny_menu .a-pop>i:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}
.head .header_nav .yugou-mall{
    padding-right: 10px;
}

.head .header_nav .assort-ad{
    display: none;
    margin-top: 8px;
    width: 247px;
    height: 61px;
    overflow: hidden;
}

.head .header_nav .assort-ad img{
    width: 100%;
    height: 100%;
}
.head .header_nav .search-sign-cont{
    display: none !important;
}
.head .header_nav .funny_menu .a-list h3 {
    margin: 17px 0 9px 0;
    color: #444;
    height: 18px;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    font-family: "microsoft yahei";
    text-align: left;
}

.head .header_nav .funny_menu .a-list .btns {
    width: 250px;
    overflow: hidden;
    margin: 0;
}

.head .header_nav .funny_menu .a-list .btns li {
    float: left;
}

/* .head .header_nav .funny_menu .a-list .btns li a {
    display: block;
    padding: 0;
    width: 80px;
    height: 24px;
    background: #ececec;
    border: none;
    font-size: 12px;
    line-height: 24px;
    color: #797979;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
}

.head .header_nav .funny_menu .a-list .btns li a:hover {
    border: none;
    background: #ff7700;
    color: #FFF;
} */

.head .header_nav .funny_menu .a-list .btn-all>a {
    display: block;
    height: 24px;
    background: #f70;
    line-height: 24px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.head .header_nav .funny_menu .a-list .btn-all>a:hover {
    border: none;
    color: #fff;
    background: #f14700;
}

.head .header_nav .funny_menu .a-other>div {
    display: none;
    height: 61px;
    overflow: hidden;
}

.head .header_nav .funny_menu.open>.a-pop { display: block; }
.head .header_nav>li.funny {
    font-size: 15px;
    width: 30px;
    border-left: 1px #dbdbdb solid;
    height: 20px;
    margin: 7px;
    padding: 0 20px;
}
.head .header_nav>li.funny > a {
    margin-top: -7px;
}

.head .header_nav>li.mobileGame {
    font-size: 15px;
    width: 30px;
    padding: 0 10px;
}
.head .header_nav .wxr-menu.status-hidden {
    display: none;
}
.head .header_nav .wxr-menu .wxr-hot-icon {
    position: absolute;
    top: 0;
    left: 100%;
    margin: -8px 0 0 -20px;
    width: 25px;
    height: 25px;
}
.head .header_nav .wxr-menu .wxr-hot-icon > img {
    max-width: 25px;
}

/*游戏弹框*/
.head .header_nav li .game_cas {
*padding: 16px 15px 12px;
    position: absolute;
    right: -92px;
    top: 40px;
    border-bottom-left-radius : 4px;
    border-bottom-right-radius : 4px;
}
.head .header_nav li .game_cas .sj_top {
    right: 126px;
}
.head .case_top { right: 52px; }
.poptip .sj_top {
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
}
.poptip .sj_top:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}
.head .game_cas h3 {
    margin: 8px 0 4px 0;
    color: #444;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    font-family: "微软雅黑";
}
.head .game_cas .game_btn {
    width: 250px;
    overflow: hidden;
}
.head .game_cas .game_btn li {
    float: left;
    padding: 0 3px 3px 0;
}
.head .game_cas .game_btn a {
    display: block;
    padding: 0;
    width: 80px;
    height: 24px;
    background: #ececec;
    border: none;
    font-size: 12px;
    line-height: 24px;
    color: #797979;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
}
.head .game_cas .game_btn a:hover {
    border: none;
    background: #ff7700;
    color: #FFF;
}
.head .game_cas .all_btn {
    display: block;
    margin-top: 10px;
    height: 24px;
    background: #f70;
    line-height: 24px;
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
.head .game_cas .all_btn:hover {
    border: none;
    color: #FFF;
    background: #f14700
}
.head .header_nav .expres_pic{
    width: 247px;
    overflow: hidden
}
.head .header_nav .expres_pic span {
    display: block;
    height: 61px;
    overflow: hidden
}
.head .header_nav .expres_pic a {
    padding: 0;
    line-height: 0;
    height: 100%
}
.head .header_nav .expres_pic img {
    width: 100%;
    height: 100%
}
.head .header_nav .expres_pic a:hover { border: 0 }
/*游戏弹框完成*/

.head .header_r {
    position: relative;
    float: right;
    margin-top: 0;
}
/* 头部搜索框样式定义*/
.head .search {
    position: relative;
    margin: 13px 24px 0 0;
    padding-left: 8px;
    height: 25px;
    width: 136px;
    border-radius: 100px;
    background: #e8e8e8;
    margin-right: 25px;
}
.head .search input {
    display: block;
    font-size: 12px;
    background: none;
    border: none;
    outline: none;
    width: 104px;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
}
.head .search a {  /*搜索按钮部分*/
    display: block;
    width: 22px;
    height: 25px;
    line-height: 25px;
}
.head .search a:hover { }
.head .search input:focus {
    border-color: none;
    box-shadow: none;
    outline: none;
}

.search .search-hot-key{
    overflow: hidden;
    position: absolute;
    padding: 0;
    left: 12px;
    right: 25px;
    bottom:0;
    margin: 0;
    top:0;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9b9b9b;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 12px;
    cursor:  text;
    pointer-events: none;
}

.status-focus .search-hot-key{
    display: none;
}

.search .search-placeholder{
    display: none;
    overflow: hidden;
    position: absolute;
    padding: 0;
    margin: 0;
    left: 12px;
    right: 25px;
    bottom:0;
    top:0;
    line-height: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9b9b9b;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    -ms-user-select:none;
    font-size: 12px;
    cursor:  text;
    pointer-events: none;
}

.status-empty .search-placeholder,
.status-focus .search-placeholder{
    display: block;
}

.status-has-word .search-hot-key,
.status-has-word .search-placeholder{
    display: none;
}

/*完成搜索框样式*/

.head .header_his {
    margin: 0 17px 0 0px;
    position: relative;
}
.head .header_his .his {
    display: block;
    cursor: pointer;
    color: #868686;
}
.head .header_his .his .iconfont {
    font-size: 26px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    width: 50px;
}
.head .header_his .his:hover { color: #ff6a1f;/*background:url(../images/head_icon.png?20140819) 0 -55px no-repeat;*/ }
.head .his_sj {
    display: none;
    width: 8px;
    height: 7px;
    background: url(../images/gray_tria.gif) no-repeat;
    position: absolute;
    top: 13px;
    right: -6px;
    transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
}
.his_up {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.head .poptip_a {
    width: 38px;
    height: 100px;
    position: absolute;
    top: -22px;
    left: 178px;
    z-index: 0;
}
.phoneapp .poptip_a {
    width: 80px;
    height: 30px;
    position: absolute;
    top: -22px;
    left: 230px;
    z-index: 0;
}
.poptip {
    padding: 10px 15px 12px;
    width: 247px;
    background: #FFF;
    border: 1px solid #dddddd;
}
/*历史弹框部分*/
.head .his_case {
    padding: 0;
    width: 340px;
    position: absolute;
    right: -49px;
    top: 35px;
    background: #FFF;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 12px;
}
.head .header_his .poptip_a {
    width: 80px;
    left: 230px;
    height: 30px;
}
/*.head .his_case p {
    line-height: 70px;
    font-size: 14px;
}*/
.head .his_case p img {
    position: relative;
    top: 4px;
}

.head .his_case .his_more:hover{
    background:#f14700;
}
.head .his_case .his_more {
    height: 32px;
    margin: 8px 16px 20px;
    line-height: 32px;
    text-align: center;
    background: #ff5d23;
    border-radius: 6px;
}
.head .his_case .his_more a {
    display: block;
    width: 100%;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}
.head .his_case .his_more a:hover{
     color: #fff;
}

.head .his_case .his-tt {
    height: 37px;
    line-height: 36px;
    text-align: center;
    background: #eeeff2;
    border-bottom: 1px solid #d9dadc;
    text-align: left;
    font-size: 14px;
    text-indent: 15px;
}
.head .his_case .his-cn {
    padding: 20px 0;
    font-size: 14px;
}
.head .his_case .his-cn img {
    height: 82px;
    display: block;
    /*margin-left: 106px;*/
    margin: 0 auto 15px;
}
/*历史弹框部分完成*/

.head .phoneapp {
    margin: 0 17px 0 0;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}
.head .phoneapp .head_icon1 { background: url(../images/head_ricon.png?20151211) 0 -145px no-repeat; }
.head .phoneapp .attent {
    display: block;
    color: #868686;
}
.head .phoneapp .attent {
    display: block;
    cursor: pointer;
    color: #868686;
}
.head .phoneapp .attent .iconfont {
    font-size: 26px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    width: 50px;
}
.head .phoneapp .attent:hover { color: #ff7700;/*background:url(../images/head_icon.png?20140819) 0 -134px no-repeat;*/ }
.head .phoneapp span .head_icon1 { width: 78px; }
/* 开播start */
.head .o-broadcast {
    margin-right: 17px;
    height: 20px;
    margin-top: 15px;
}
.head .o-broadcast .b-txt {
    vertical-align: top;
    line-height: 20px;
    color: #868686;
}
.head .o-broadcast .b-ico {
    display: inline-block;
    width: 23px;
    height: 18px;
    line-height: normal;
    background: url(../images/icon_header_brodcast.png?20181208) no-repeat 0 2px;
    vertical-align: middle;
}
.head .o-broadcast:hover .b-ico {
    background-position: 0 -20px;
}
.head .o-broadcast:hover .b-txt {
    color: #f70;
}
#header .w1366head .o-broadcast {
    display: none;
}

/* 开播end */
/*下载*/
.head .downapp {
    margin: 0 17px 0 0;
    font-size: 12px;
    cursor: pointer;
    position: relative;
}
.head .downapp .attent {
    display: block;
    color: #868686;
}
.head .downapp .attent {
    display: block;
    cursor: pointer;
    color: #868686;
}
.head .downapp .attent .iconfont {
    font-size: 26px;
    height: 31px;
    text-align: center;
    line-height: 31px;
}
.head .downapp .attent:hover { color: #ff7700;/*background:url(../images/head_icon.png?20140819) 0 -134px no-repeat;*/ }
/*定义登录 注册状态样式*/
.head .loginShow {
    color: #868686;
    text-align: center;
}
.head .loginShow .iconfont {
    font-size: 26px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    color: #868686;
}
.head .loginShow a {
    display: block;
    padding: 0 2px;
    float: left;
    color: #444;
    color: #868686;
}
.head .loginShow span {
    display: block;
    padding: 0 2px;
    float: left;
    color: #ddd;
}
.head .head_user .poptip_a {
    left: 137px;
    width: 80px;
}
.head .header_r .head_user { /* display: none;   未登录*/
    position: relative;
}
.head .header_r .head_user .headuser {
    display: block;
    width: 50px;
    text-align: center;
}
.head .header_r .head_user .headuser .userpic { height: 48px; }
.head .header_r .head_user .headuser img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 48px;
    margin: 0 auto;
    border: 1px solid #dcdcdc;
}
.head .header_r .head_user .headuser:hover span { color: #ff7700; }
.head .header_r .head_user:hover { }
.head .header_r .head_user .headuser span {
    display: none;
    color: #868686;
    padding: 0;
    height: auto;
    border-bottom: 0;
    font-size: 12px;
    color: #868686;
    line-height: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    width: 50px;
}
/*个人资料部分*/
.head .user_case {
    padding: 0;
    width: 216px;
    position: absolute;
    right: 2px;
    top: 38px;
    background: #FFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.head .on .user_case {display:block;}
.head .usercase_top { right: 14px; }
.head .user_top {
    padding: 5px 21px;
    height: 43px;
    width: 174px;
    border-bottom: 2px solid #ff7700;
    font-size: 22px;
    font-weight: normal;
    color: #444;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}
.head .user_case ul li { border-top: 1px solid #e4e4e4; }
.head .user_case ul li span {
    display: block;
    padding: 10px 34px;
    overflow: hidden;
    position: relative;
}
.head .user_case ul li .user_icon_pay_span{
    padding-left:33px;
}
.head .user_case ul li .user_icon_pay_span:hover {
    padding-left: 29px;
}
.head .user_case ul li.first { border-top: none; }
.head .user_case ul li a {
    display: block;
    padding-left: 44px;
    font-size: 14px;
    color: #444;
}
.head .user_case ul li a:hover { color: #ff7700; }
.head .user_case ul span:hover {
    border-left: 4px solid #ff7700;
    padding-left: 30px;
}
.head .user_case ul li .user_icon1 { background: url(../images/head_ricon.png?20151211) 0 -64px no-repeat; }
.head .user_case ul li .user_icon2 { background: url(../images/head_ricon.png?20151211) 0 -84px no-repeat; }
.head .user_case ul li .user_icon3 { background: url(../images/head_ricon.png?20151211) 0 -162px no-repeat; }
.head .user_case ul li .user_icon4 { background: url(../images/head_ricon.png?20151211) 0 -128px no-repeat; }
.head .user_case ul li .user_icon5 { background: url(../images/head_ricon.png?20151211) 0 -280px no-repeat; }
.head .user_case ul li .user_icon6 {
    background: url(../images/user_icon.png?20150427) no-repeat scroll 0 -244px;
    float: left;
    width: 64px;
}
.head .user_case ul li .user_icon7 { background: url(../images/head_ricon.png?20151211) 0 -105px no-repeat; }
.head .user_case ul li .user_icon_pay{background: url(../images/head_ricon.png?v=20160224) 0 -181px no-repeat;}
.head .user_case li span b {
    display: block;
    height: 20px;
    width: 20px;
    color: #ff630e;
    font-size: 10px;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: 12px;
    right: 60px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/*个人资料部分完成*/
.head a:hover { color: #ff630e; }
/*娱乐hot图标*/
.g_hot_icon,
.yugou-mall .mall-icon {
    display: block;
    width: 22px;
    height: 16px;
    background: url(../images/hot-ico.png?20170526) no-repeat;
    position: absolute;
    top: -2px;
    right: -3px;

}
.yugou-mall .mall-icon{
    background: url(../images/mall-icon.png?20170526) no-repeat;
    right: -12px;
}
#header .head .header_his, #header .head .phoneapp, #header .head .downapp, #header .head .loginShow {
    height: 20px;
    margin-top: 15px;
}
#header .head .header_his .his, #header .head .phoneapp .attent, #header .head .downapp .attent {
    height: 20px;
    line-height: 20px;
}
#header .head .header_r span.iconfont, #header .head .header_r span.text {
    vertical-align: middle;
    line-height: 20px;
    padding: 0 !important;
}
#header .head .header_his .his .iconfont, #header .head .phoneapp .attent .iconfont { margin-right: 4px; }
#header .head .downapp .attent .iconfont, #header .head .loginShow .iconfont { margin-right: 3px; }
#header .head .loginShow a, #header .head .loginShow em {
    display: inline-block;
    line-height: 20px;
}
#header .head .loginShow em {
    padding: 0 1px;
    float: left;
    color: #868686;
}
#header .g_new_icon { display: none; }
#header .head .header_r .head_user, #header .head .header_r .head_user .headuser, #header .head .header_r .head_user .headuser span, #header .head .header_r .head_user .headuser img { height: 26px; }
#header .head .header_r .head_user { margin-top: 12px; }
#header .head .header_r .head_user .headuser { width: auto; }
#header .head .header_r .head_user .headuser span, #header .head .header_r .head_user .headuser em {
    display: inline-block;
    line-height: 26px;
    vertical-align: top;
    cursor: pointer;
}
#header .head .header_r .head_user .headuser .userpic, #header .head .header_r .head_user .headuser img {
    width: 26px;
    border: none;
}
#header .head .header_r .head_user .headuser .userpic { margin-right: 5px; }
#header .head .header_r .head_user .headuser .user_top {
    width: auto;
    max-width: 70px;
}
#header .head .header_r .head_user .headuser em.menu_sj, #header .head .header_r .downapp em.menu_sj {
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 11px 0 0 5px;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    border-top: 5px solid #868686;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-bottom: 0 none;
    transition: transform 300ms ease-in-out 0s;
    -o-transition: -o-transform 300ms ease-in-out 0s;
    -moz-transition: -moz-transform 300ms ease-in-out 0s;
    -webkit-transition: -webkit-transform 300ms ease-in-out 0s;
}
#header .head .header_r .head_user.on .headuser em.menu_sj {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#header .letter_dian {
    display: block;
    padding: 0 2px;
    min-width: 12px;
    height: 16px;

    background: #f76300 ;
    border-radius: 6px;
    position: absolute;

    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica,Arial,sans-serif;
    -webkit-transform-style: preserve-3d
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;

    -webkit-transform-origin:center center;
    -moz-transform-origin:center center;
    transform-origin:center center;

/*    top: -37px;
    left: 255px;*/
    top:-5px;
    left: 16px;
    font-weight: normal;
}

/* 下载页修改 -- 如果样式冲突，注释下方删除 */
#header .head .head_downl {
   width: 174px;
}
.head .head_downl .case_top { right: 68px }
.head .head_downl .poptip_a{
    left: 90px;
    height: 24px;
}
#header .head .head_downl ul li {
    /*margin: 0 10px;*/

    text-align: center;
    border-bottom: 1px solid #e8e8e8
}
#header .head .head_downl ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #444;
    border-left: 3px solid transparent;
}
#header .head .head_downl ul li a:hover {
    color: #ff630e;
    border-color: #ff630e;
}
/* 下载页修改 -- 如果样式冲突，此注释上方代码删除 */

/* 下载页修改 */

#header .head .head_downl {
    padding: 0;
    width: 145px;
    position: absolute;
    right: -49px;
    top: 35px;
    font-size: 14px;
    background: #FFF;
    border-top: 3px solid #ff5c46;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
 }

#header .head .head_downl .d-list-content {
    padding-top: 5px;
}

#header .head .head_downl .d-list-cell-wrap {
    text-align: center;
}

#header .head .head_downl .d-list-cell {
    color: #b5b5b5;
    text-decoration: none;
    display: inline-block;
    width: 62px;
    height: 56px;
}

#header .head .head_downl .d-list-cell:hover {
    color: #f50;
}

#header .head .head_downl .d-list-cell-icon {
    display: inline-block;
    width: 18px;
    height: 20px;
    margin-top: 15px;
    background: url(../images/droplist/sprite.png?20180107) -500px -500px no-repeat;
}

#header .head .head_downl .d-list-cell-icon-pc {
    background-position: -80px -27px;
}

#header .head .head_downl .d-list-cell-icon-tv {
    width: 20px;
    height: 19px;
    background-position: -26px 0px;
    background: url(../images/droplist/tv.png?20180107);
    margin-bottom: 5px;
}

#header .head .head_downl .d-list-cell-icon-mobile {
    background-position: -22px -55px;
}

#header .head .head_downl .d-list-cell-icon-tool {
    background-position: 0px -30px;
}

#header .head .head_downl .d-list-cell:hover .d-list-cell-icon-pc {
    background-position: -80px 0px;
}

#header .head .head_downl .d-list-cell:hover .d-list-cell-icon-tv {
    background: url(../images/droplist/tvHover.png?20180107);
}

#header .head .head_downl .d-list-cell:hover .d-list-cell-icon-mobile {
    background-position: 0px -55px;
}

#header .head .head_downl .d-list-cell:hover .d-list-cell-icon-tool {
    background-position: -52px 0px;
}

#header .head .head_downl .d-list-footer {
    height: 56px;
    text-align: center;
    line-height: 56px;
}

#header .head .head_downl .d-list-footer-btn {
    display: inline-block;
    text-decoration: none;
    line-height: 24px;
    width: 90px;
    border: 1px solid #f50;
    color: #f50;
    border-radius: 20px;
    margin-top: 16px;
}

#header .head .head_downl .d-list-footer-btn:hover {
    color: #fff;
    background-color: #f50;
}

#header .head .head_downl .d-list-icon {
    width: 0;
    height: 0;
    position: absolute;
    top: -9px;
    right: 70px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ff5c46;
}

#header .head .head_downl .d-list-cell-text {
    line-height: 1;
}

#header .head .downapp .attent .iconfont {
    display: inline-block;
    width: 18px;
    height: 20px;
    background: url(../images/header-client-icons.png?20180612) 0px 0px no-repeat;
}

#header .head .downapp .attent:hover .iconfont {
    background-position: -28px 0px;
}

/* 下载页修改结束 */

#header .head .header_r .downapp em.menu_sj {
    margin: 0 0 0 2px;
    position: relative;
    top: -2px
}
#header .head .search .iconfont,
#header .head .header_his .his .iconfont,
#header .head .phoneapp .attent .iconfont,
#header .status--invis .invis-ico,
#header .head .loginShow .iconfont {
    background: url(../images/head-nicon.png?20170103) no-repeat -500px -500px;
    display: inline-block;
    width: 18px;
    height: 20px
}
#header .head .header_his .his .iconfont { background-position: 0 1px }
#header .head .header_his .his:hover .iconfont { background-position: -23px 1px }
#header .head .phoneapp .attent .iconfont { background-position: 0 -24px }
#header .head .phoneapp .attent:hover .iconfont { background-position: -23px -24px }
/* #header .head .downapp .attent .iconfont { background-position: 0 -51px } */
/* #header .head .downapp .attent:hover .iconfont { background-position: -23px -51px } */
#header .head .search .iconfont { background-position: 0 -75px; }
#header .head .loginShow .iconfont { background-position: 0 -100px; }
#header .head .loginShow .iconfont { background-position: 0 -100px; }
#header .head .loginShow:hover .iconfont { background-position: -23px -100px; }
/*header end*/

#countryNum {
    *margin-bottom: 4px;
}
#bindphonenum {
    *line-height: 27px;
}



/*搜索列表页  20151218*/
.main .mod .bd li .mes span.title{
    display: block;
    width: 220px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .mod .bd li .mes span.zbName {
    color: #f60;
    float: right;
    display: block;
    width: 75px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.main .mod .bd li{
    height: 243px;
}
.main .mod .bd li .moreMes .view{
    float: right;
    padding-right: 10px;
    width: auto;
}

/* 浏览器缩放比例不正确时的弹框 && cookie过期时的弹框 */
.pop-zoom-container {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -14.062%;
    margin-top: -10.078%;
    width: 28.125%;
    height: 20.156%;
    /*z-index: 512;*/
    z-index: 2101;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.pop-zoom-container .pop-zoom,.pop-cookie-container .pop-cookie {
    width: 100%;
    height: 100%;
}
.pop-zoom-container .pop-zoom-bg,.pop-cookie-container .pop-cookie-bg {
    display: block;
    width: 100%;
    height: 100%;
}
.pop-zoom-container .pop-zoom-close{
    position: absolute;
    right: 1.296%;
    top: 1.136%;
    width: 5.556%;
    height: 6.818%;
    cursor: pointer;
    opacity: 0;
    filter:alpha(opacity=0);
    z-index: 3;
}
.pop-zoom-container .pop-zoom-hide {
    *background: url(about:blank);
    position: absolute;
    left: 31.113%;
    bottom: 3.935%;
    width: 39.259%;
    height: 9.259%;
    cursor: pointer;
    overflow: hidden;
    z-index: 3;
}
.pop-cookie-container{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -270px;
    margin-top: -199px;
    width: 540px;
    height: 398px;
    z-index: 511;
}
.pop-cookie-container .pop-cookie-close{
    position: absolute;
    right: 7px;
    top: 6px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0;
    filter:alpha(opacity=0);
}

/*手机验证*/
.phone_verify{
    margin-top: 20px;
}
.myprofile_main.clearfix.startVerify>p>span{
        margin-bottom: -10px;
    display: inline-block;
    background: #F5F5F5;
    padding: 0 10px;
    font-size: 16px;
    color: #fb8302
}
.myprofile_main.clearfix.startVerify>p{
    border-bottom: 1px solid #ddd;

    text-align: center;
    margin-left: -72px;
}
.succeed-pannel{
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
          padding-top: 35px;
    padding-bottom: 38px;
}
.succeed-pannel>p{
        text-align: center;
    font-size: 18px;
    color: #fb8302;
}
.succeed-pannel>span{
        text-align: center;
    font-size: 14px;
    color: #b4b4b4;
    display: block;
}
.succeed-pannel>button{
    background: #fea01e;
    border: 1px #fea01e solid;
        height: 35px;
    margin-top: 20px;
    color: #fff;

}
.succeed-pannel>button:hover{
            background: #3B9EEB;
    border: 1px #3B9EEB solid;
    cursor: pointer;
}
.solephnoemum {
    width: 476px;
    height: 181px;
    background: white;

    display: block;
    z-index: 1999;
}
.solephnoemum .solephnoemum-cont{
    height: 80%;

    margin-left: auto;
    margin-right: auto;

}

.solephnoemum .solephnoemum-cont .solephnoemum-btn-group
{
    margin-top: 80px;
    text-align: center;
}
.solephnoemum .solephnoemum-cont .solephnoemum-title{
    text-align: center;
    font-size: 20px;
  /*  color: #666666;*/
}
.solephnoemum .solephnoemum-cont .solephnoemum-body{
    line-height: 2;
    margin-top: 10px;
    font-size: 14px;
    /*color: #888888;*/
}

.solephnoemum .solephnoemum-cont .solephnoemum-btn-group a {
    text-decoration: none;
    border: 1px solid #fb8302;
    padding: 20px;
    font-size: 20px;
    cursor: pointer;
    color: #fb8302;
    zoom:1;
}





/*
 * 封禁功能和系统提示优化
 * @author zhanglong@2douyu.tv
 */
.user-error-tip {
    position: absolute;
    z-index: 500;
    top: 0;
    left: 0;
    max-width: 405px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 6px #eaeaea;
}
.user-error-tip-arrow {
    position: absolute;
    left: 50%;
    margin-left: -3px;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-right: 5px dashed transparent;
    border-bottom: 0;
    border-left: 5px dashed transparent;
}
.user-error-tip-arrow1 {
    border-top: 6px solid #ccc;
    bottom: -6px;
}
.user-error-tip-arrow2 {
    border-top: 6px solid #fff;
    bottom: -5px;
}
.user-error-tip-cont {
    padding: 8px 10px 8px 30px;
    background: url(../images/error-icon.png?v=20160504) 8px 10px no-repeat;
}
.user-error-tip-cont p {
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
}
.user-error-tip-cont p span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
}
.user-error-tip-cont p span.user-name {
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
    color: #2b94ff;
    margin-right: 3px;
}
.user-error-tip-cont p.reason {
    text-align: center;
    color: #f00;
    margin-top: 5px;
}
.wdCont {
    position: relative;
}



/*web直播间改版 个人信息下拉菜单
#header .head .header_r .head_user>i {
    position: absolute;
    right: 0;
    top: 23px;
    width: 0;
    height: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
    border-top: 5px solid #868686;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-bottom: 0 none;
    transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
}

/*已登录用户菜单浮层*/
#header .head .header_r .head_user .l-menu {
    width: 390px;
    display: none;
    position: absolute;
    right: -18px;
    top: 38px;
    z-index: 5;
    background: #fff;
    border: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-transition: all cubic-bezier(.22,.58,.12,.98) .2s;
    transition: all cubic-bezier(.22,.58,.12,.98) .2s;

    -webkit-transform-origin:80% 0;
    -ms-transform-origin: 80% 0;
    transform-origin: 80% 0;

    -webkit-animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
    animation: scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
}
#header .head .header_r .head_user .l-menu::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 20px;
    right: 0;
    top: -15px;
}
@-webkit-keyframes scale-in-ease{
    0%{
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale-in-ease{
    0%{
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100%{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
#header .head .header_r .l-menu.out{
    -webkit-animation: scale-out cubic-bezier(.22,.58,.12,.98) .4s;
    animation: scale-out cubic-bezier(.22,.58,.12,.98) .4s;
}
@-webkit-keyframes scale-out{
    from{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to{
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}
@keyframes scale-out{
    from{
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to{
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}
#header .head .header_r .head_user .l-menu ul li {
    /*text-align: center;*/
    /*border-bottom: 1px solid #e8e8e8;*/
}

#header .head .header_r .head_user .l-menu ul li a {
    display: block;
    /*padding-left: 44px;*/
    font-size: 14px;
    color: #444;
    text-align: left;
    position: relative;
}

#header .head .header_r .head_user .weixin-tip>i.weixin-lmsj-top,
#header .head .header_r .head_user .l-menu>i.lmsj-top,
#header .gamepacks-box>i.lmsj-top,
#header .gamepacks-box>i.gamepacks-sanjiao {
    width: 0;
    height: 0;
    position: absolute;
    top: -7px;
    right: 66px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ddd;
}
#header .head .header_r .head_user .weixin-tip>i.weixin-lmsj-top:after,
#header .head .header_r .head_user .l-menu>i.lmsj-top:after,
#header .gamepacks-box>i.lmsj-top:after,
#header .gamepacks-box>i.gamepacks-sanjiao:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 1px;
    right: -7px;
    border-top: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}

#header .head .header_r .head_user .l-menu>h4 {
    padding: 5px 21px;
    height: 43px;
    width: 174px;
    border-bottom: 2px solid #ff7700;
    font-size: 22px;
    font-weight: normal;
    color: #444;
    line-height: 42px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
}

#header .head .header_r .head_user .l-menu ul li>span {
    display: block;
    padding: 10px 34px;
    overflow: hidden;
    position: relative;
    border-left: 3px solid transparent;
}
#header .head .header_r .head_user .l-menu ul li .user_icon_pay_span {
    padding-left: 33px;
}
#header .head .header_r .head_user .l-menu ul li>span:hover {
    border-color: #f70;
}

/*web直播间改版*/
#header .head .header_r .head_user .authenticate .uname-aut i ,
#header .head .header_r .head_user .authenticate .mobile-aut i,
#header .head .header_r .head_user .authenticate .email-aut i,
 .skill-level .promote i ,
  .skill-level ul .item,
  .uim-foot ul li a i{
     background: url("../images/uinfo.png?20161125") no-repeat scroll 0 0;
}

.hide {
    display: none !important;
}
.head .header_r .head_user{
    position: relative;
}

#header .head .header_r .on .l-menu { display: block; }
#header .head .header_r .head_user .l-menu .chat-member{
  /*height:80px;*/
}
#header .head .header_r .head_user .l-menu .chat-member .chat-mem-con {
    position: relative;
    width: 367px;
    padding: 12px;
    border-bottom: 1px solid #f1f1f1;
}
#header .head .header_r .head_user .mem-pic{
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 auto;
}
#header .head .header_r .head_user .mem-pic img{
    width : 100%;
    height: 100%;
    border-radius: 50%;
}
#header .head .header_r .head_user .mem-pic img.nobility-icon{
    display: none;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 28px;
    height: 28px;
    border-radius: 0;
    z-index: 10;
}
#header .head .header_r .head_user .mem-pic .iframe-icon {
    width: 70px;
    height: 70px;
    position: absolute;
    left: -5px;
    top: -5px;
    background-size: 100%;
}
#header .head .header_r .head_user .mem-text{
     margin-left: 78px;
    height: 63px;
}
#header .head .header_r .head_user .logname{
    font-size: 0;
    text-align: center;
}
#header .head .header_r .head_user .logname .name{
    display: inline-block;
    width: 220px;
    font-size: 16px;
    line-height: 42px;
    color: #545454;
    cursor:pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#header .head .header_r .head_user .logout{
    position: absolute;
    right: 20px;
    top: 24px;
    font-size:12px;
    color: #2c3e50;
    cursor:pointer;
    line-height: 36px;
    padding: 0 0 0 25px;
    background: url(../images/header-bar/header-out-icon.png?20161229) no-repeat left 10px;
}
#header .head .header_r .head_user .logout:hover{
    color:#ff7700;
}

#header .l-menu .invisible{
    display: none;
    position: absolute;
    left: 0;
    top: 30px;
    width: 78px;
    height: 20px;
    font-size: 12px;
    color: #a4acaf;
    text-indent: 20px;
    line-height: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    cursor: pointer;
    background: #f3f3f3 url(../images/header-bar/isNoUse.png) no-repeat 4px 6px;
}
#header .l-menu .invisible span{
    display: none;
    position: relative;
    margin-top: 10px;
    width: 148px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    text-indent: 0;
    border-radius: 4px;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    z-index: 1;
}
#header .selfHelper {
    display: none;
    position: absolute;
    left: 0;
    top: 60px;
    width: 102px;
    height: 20px;
    font-size: 12px;
    text-indent: 24px;
    line-height: 18px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #d99d39;
    border: 1px solid #e4c484;
    border-left-width: 0;
    box-sizing: border-box;
    cursor: pointer;
    background: #fdf6ec url(../images/header-bar/helper.svg) no-repeat 6px 2px;
    background-size: 14px 14px;
}
#header .l-menu .invisible:hover span.is-invisible-sp{
    display: block;
}
#header .l-menu .invisible:hover span.invisible-sp{
    display: none;
}
#header .l-menu .invisible span .icon-invisible{
    position: absolute;
    left: 26px;
    top: -8px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #000;
    border-bottom: 8px solid rgba(0,0,0,.5);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}
#header .l-menu .invisible.is-invisible{
    background-image: url(../images/header-bar/isUsing.png);
    color: #fff;
    background-color: #f70;
}
#header .l-menu .invisible.is-invisible:hover span.invisible-sp{
    display: block;
}
#header .l-menu .invisible.is-invisible:hover span.is-invisible-sp{
    display: none;
}

#header .l-menu .authenticate{
    text-align: center;
    font-size: 0;
    position: relative;
}
#header .l-menu .authenticate a{
    display: inline-block;
}
#header .head .header_r .head_user .authenticate .uname-aut {
    width: 18px;
    height: 16px;
    margin: 0 6px;
}
#header .head .header_r .head_user .authenticate .uname-aut i {
    display: block;
    width: 18px;
    height: 16px;
    background-position: 0px  -65px;
}
#header .head .header_r .head_user .authenticate .uname-aut .high {
    background-position:0px -34px;
}
#header .head .header_r .head_user .authenticate .mobile-aut {
    width: 13px;
    height: 16px;
    margin: 0 6px;
}
#header .head .header_r .head_user .authenticate .mobile-aut i {
    display: block;
    width: 13px;
    height: 16px;
    background-position: -28px -65px;
}
#header .head .header_r .head_user .authenticate .mobile-aut .high {
    background-position: -28px -34px;
}
#header .head .header_r .head_user .authenticate .email-aut {
    width: 15px;
    height: 13px;
    margin: 2px 6px 0;
}
#header .head .header_r .head_user .authenticate .email-aut i {
    display: block;
    width: 15px;
    height: 13px;
    background-position: -61px -65px;
}
#header .head .header_r .head_user .authenticate .email-aut .high {
    background-position: -61px -34px;
}

#header .head .header_r .head_user .authenticate .client-sign {
    position: absolute;
    top: -30px;
    right: 12px;
    width: 54px;
    height: 22px;
    background: url(../images/header-bar/qiandao.png);
}

 .skill-level{
    margin-top: 4px;
    background: #f3f3f3;
}
 .skill-level .skill-level-con{
    padding: 10px 18px;
}
 .skill-level .skill-level-list{
    float:left;
}
 .skill-level .promote{
    float: right;
    /**width:116px; */
    color: #245bb6;
    cursor:pointer;
    margin-top:16px;
}
 .skill-level .promote i{
    display: block;
    margin-right: 5px;
    float: left;
    width: 15px;
    height: 15px;
    background-position: -171px 0;
}
 .skill-level .promote span{
    display:block;float:left;
    height:15px;
    line-height:15px;
    color: #ff7700;
}
 .skill-level ul .item{
    position: relative;
    background-position: -500px;
    width: 31px;
    height: 31px;
    margin-right: 16px;
    float: left;
    z-index: 3;
    padding:0;
}
 .skill-level ul>li em{
     position: absolute;
    top: -6px;
    right: -6px;
    display: block;
    padding: 1px 1px;
    min-width: 12px;
    height: 12px;
    line-height: 12px;
    background: #f76300;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    -webkit-transform-style: preserve-3d
    moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
}
 .skill-level ul li.skill-1{
    background-position: 0 -140px;

}
 .skill-level ul li.skill-01{
    background-position: 0 -102px;
}
 .skill-level ul li.skill-2{
    background-position: -61px -140px;
}
 .skill-level ul li.skill-02{
    background-position:-61px -102px;

}
 .skill-level ul li.skill-3{
    background-position: -129px -140px;
}
 .skill-level ul li.skill-03{
    background-position: -129px -102px;
}
 .skill-level ul li.skill-4{
    background-position: -215px -140px;
}
 .skill-level ul li.skill-04{
    background-position: -215px -102px;
}
 .skill-level ul li.locked {
    /*background-position: 0 -48px;*/
}
 .skill-level .sl-item-hover {
    font-size: 12px;
    position: absolute;
    z-index: 4;
    left: -87px;
    top: 37px;
    background-color: #fff;
    border-top: 2px solid #ff8e01;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    border-radius: 0 0 3px 3px;
}

 .skill-level .sl-item-hover .sj-top {
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 9px solid #ff8e01;
    position: absolute;
    top: -9px;
    left: 87px;
}
 .skill-title h2 {
    font-size: 20px;
    color: #777;
    font-weight: bolder;
    float: left
}

 .skill-level .sl-item-hover .text {
    float: left;
    margin-left: 10px;
    width: 214px;
    padding: 0;
}

 .skill-level .sl-item-hover .text h4 {
    font-size: 14px;
    color: #777;
    margin-top: 4px;
    font-weight: bold;
}

 .skill-level .sl-item-hover .text ul {
    margin-top: 12px;
    width: 100%
}

 .skill-level .sl-item-hover .text ul li {
    color: #aaa;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

 .skill-level .sl-item-hover .text ul li.locked-l {
    color: #aaa
}

 .skill-level .sl-item-hover .text ul li.unlocked-l {
    color: #ff7700;
}

 .skill-title a {
    font-size: 12px;
    float: right
}

 .skill-title a span.locked {
    color: red;
    font-size: 12px
}

 .skill-title a span.unlocked {
    color: #80b750;
    font-size: 12px
}

 .skill-level li .sl-item-hover .sl-item-hovercont .pic {
    width: 60px;
    height: 60px;
    text-align: center;
    border-right: 1px solid #f1f1f1;
    background: #fff9eb;
    float: left;
    overflow: hidden;
    background: url(../images/show-skill-img.png?20160601) no-repeat;
}
 .skill-level li.skill-2 .sl-item-hover .sl-item-hovercont .pic {
    background-position: 0 0;
}

 .skill-level li.skill-1 .sl-item-hover .sl-item-hovercont .pic {
    background-position: 0 -63px;
}

 .skill-level li.skill-3 .sl-item-hover .sl-item-hovercont .pic {
    background-position: 0 -126px;
}

 .skill-level li.skill-4 .sl-item-hover .sl-item-hovercont .pic {
    background-position: 0 -189px;
}
 .skill-level li .sl-item-hover .sl-item-hovercont .pic img {
    display: inline-block;
    vertical-align: middle
}

 .skill-level li .sl-item-hover .sl-item-hovercont {
    padding: 20px 24px 20px 17px;
    width: 294px
}
 .skill-level li.skill-1 .sl-item-hover{
     left: -19px;
}
 .skill-level li.skill-1 .sl-item-hover .sj-top{
    left: 30px;
}
 .skill-level li.skill-2 .sl-item-hover{
   left: -66px;
}
 .skill-level li.skill-2 .sl-item-hover .sj-top{
    left: 72px;
}
 .skill-level li.skill-3 .sl-item-hover{
    left: -102px;
}
 .skill-level li.skill-3 .sl-item-hover .sj-top{
    left: 109px;
}
 .skill-level li.skill-4 .sl-item-hover{
     left: -113px;
}
 .skill-level li.skill-4 .sl-item-hover .sj-top{
     left: 120px;
}

.m-rank{padding: 7px 16px 0 18px;}
.m-rank-con{padding-bottom:12px;border-bottom: 1px solid #f1f1f1; }
.m-rank-con .title{font-size:15px;color:#2c3e50;height:20px;line-height:20px;}

.level-con{
    position: relative;
    z-index: 2;
    margin-top: 12px;
    margin-left: 10px;
}
.level-con .user-level{
    height: 15px;
    float: left;
    color: #fff;
}
.level-con .user-level-next{
    width: 40px;
    height: 16px;
    color: #fff;
}
.level-con  .user-level a{
    display: block;
    height: 16px;
}
.level-con  .bar{
    width: 252px;
    margin: 0 6px;
    display: inline-block;
    position: relative;
    height: 13px;
    background: #b8c0cc;
    color: #fff;
    line-height: 24px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
.level-con  .bar:hover{color:#fff;}
.level-con  .bar .bar-per-wp{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden;
}
.level-con  .bar .bar-per{
    display: block;
    background: #30a4ff;
    height: 13px;
}
.level-con  .bar .bar-num{
     font-size: 10px;
    position: absolute;
    right: 0;
    top: -6px;
    width: 100%;
    text-align: center;

}
.level-con  .bar .level-tip{
    position: absolute;
    bottom: 24px;
    left: 50%;
    margin-left: -113px;
    min-width: 226px;
    line-height: 22px;
    height: 22px;
    text-align: center;
    background: #000;
    background: rgba(0,0,0,.6);
    border-radius: 4px;
}

.level-con  .bar .level-tip p {
    height: 22px;
    padding: 0 16px;
    font-size:12px;
    color: #fff;
}
.level-con  .bar .level-tip em{
    color: #ff921a;
    padding: 0 2px;
}
.level-con  .bar .level-tip i{
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    border-right: 6px dashed transparent;
    border-bottom: 0 none;
    border-left: 6px dashed transparent;
    margin-left: -6px;
    border-top: 6px solid #000;
    border-top: 6px solid rgba(0,0,0,0.6);
    position: absolute;
    top: 22px;
    left: 50%;
}
.wallet {
    padding: 8px 21px 0 18px;
}
.wallet .title{
    font-size: 15px;
    color: #2c3e50;
    height: 20px;
    line-height: 20px;
}
.wallet-con {
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}

.m-wealth{
    margin-top: 7px;
}
.m-wealth span{
    line-height: 16px;
    background: url(../images/lv_12.png?20160601) no-repeat  0px 0px;
    padding-left: 24px;
    display: inline-block;
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #777;
}
.m-wealth .y1{
    background-position:0px -77px;
    margin-right: 10px;
}
.m-wealth .y2{
    background-position:0px -145px;
}

/** S 贵族系统一期头部下拉菜单修改 end by yanxi@douyu.tv 2016-12-31 **/
#header .l-menu .m-wealth .y3{
    display: none;
    position: relative;
    padding: 0;
    margin-left: 12px;
    color: #f70;
    text-decoration: underline;
}
#header .l-menu .m-wealth .y3-mask{
    display: none;
    position: absolute;
    left: 50%;
    top: 24px;
    margin-left: -68px;
    padding-left: 0;
    padding: 0 10px;
    height: 22px;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
}

#header .l-menu .m-wealth .y3-mask-arrow{
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: -8px;
    margin-left: -3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #000;
    border-bottom: 8px solid rgba(0,0,0,.5);
}
#header .l-menu .m-wealth .y3:hover .y3-mask{
    display: block;
}
#header .nobility-privilege {
    position: relative;
    z-index: 3;
    width: 350px;
    margin: 0 auto;
    padding: 12px 0;
    border-bottom: 1px solid #f1f1f1;
}
#header .nobility-privilege .privilege-promote{
    display: block;
    width: 350px;
    height: 98px;
    overflow: hidden;
}
#header .nobility-privilege .privilege-title{
    position: relative;
}
#header .nobility-privilege .privilege-title-h3{
    float: left;
    font-size: 16px;
    color: #2a3e51;
    line-height: 22px;
}
#header .nobility-privilege .privilege-title-times{
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 30px;
    color: #828992;
}
#header .nobility-privilege .privilege-title-buy{
    float: right;
    height: 20px;
    padding: 0 11px;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    border-radius: 20px;
    background-color: #f70;
}
#header .nobility-privilege .privilege-title-buy:hover{
    background-color: #f60;
}
#header .nobility-privilege .privilege-ls{
    width: 100%;
    height: 50px;
}
#header .nobility-privilege .privilege-ls .privilege-items{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 50px;
    height: 50px;
}

#header .nobility-privilege .privilege-ls .privilege-items:hover .privilege-items-desc{
    display: block;
}

#header .nobility-privilege .privilege-ls .privilege-items6{
    margin-right: 0;
}

#header .nobility-privilege .privilege-items .privilege-items-desc{
    display: none;
    position: absolute;
    top: 58px;
    padding: 10px;
    width: 330px;
    font-size: 0;
    border: 1px solid #d1d1d1;
    background-color: #ffffff;
    z-index: 3;
    box-shadow: 0 0 7px rgba(0,0,0,.17)
}
#header .nobility-privilege .privilege-items .privilege-desc-lk{
    display: block;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
#header .nobility-privilege .privilege-items .privilege-items-mask{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#header .nobility-privilege .privilege-items .privilege-more-lk:hover .privilege-items-mask{
    display: block;
}
#header .nobility-privilege .privilege-items .lmsj-top{
    position: absolute;
    top: -8px;
    width: 0;
    height: 0;
    background: none;
    border-bottom: 7px solid #d1d1d1;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
#header .nobility-privilege .privilege-items .lmsj-inner{
    position: absolute;
    top: -7px;
    width: 0;
    height: 0;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
#header .nobility-privilege .privilege-items .privilege-items-pic{
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

#header .nobility-privilege .privilege-items .privilege-items-txt-wp{
    display: inline-block;
    width: 230px;
    vertical-align: middle;
}

#header .nobility-privilege .privilege-items .privilege-items-title{
    font-size: 16px;
    line-height: 1;
    color: #3b4c5b;
}
#header .nobility-privilege .privilege-items .privilege-items-txt{
    margin-top: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #959595;
}
#header .nobility-privilege .privilege-items1 .privilege-items-desc{
    left: 0;
}
#header .nobility-privilege .privilege-items1 .lmsj-top,
#header .nobility-privilege .privilege-items1 .lmsj-inner{
    left: 18px;
}
#header .nobility-privilege .privilege-items2 .privilege-items-desc{
    left: -60px;
}
#header .nobility-privilege .privilege-items2 .lmsj-top,
#header .nobility-privilege .privilege-items2 .lmsj-inner{
    left: 78px;
}
#header .nobility-privilege .privilege-items3 .privilege-items-desc{
    left: -120px;
}
#header .nobility-privilege .privilege-items3 .lmsj-top,
#header .nobility-privilege .privilege-items3 .lmsj-inner{
    left: 138px;
}
#header .nobility-privilege .privilege-items4 .privilege-items-desc{
    left: -180px;
}
#header .nobility-privilege .privilege-items4 .lmsj-top,
#header .nobility-privilege .privilege-items4 .lmsj-inner{
    left: 198px;
}
#header .nobility-privilege .privilege-items5 .privilege-items-desc{
    left: -240px;
}
#header .nobility-privilege .privilege-items5 .lmsj-top,
#header .nobility-privilege .privilege-items5 .lmsj-inner{
    left: 258px;
}
/* E 贵族系统一期 end by yanxi@douyu.tv 2016-12-29 */


.wallet .getYc{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    color: #fff;
    background: #f70;
    text-align: center;
    height: 18px;
    line-height: 18px;
    padding: 0px 9px;
    border-radius: 4px;
    margin-top: 2px;
    white-space: nowrap;
}
.wallet .getYc:hover{color: #fff;background:#f14700;}

#header .head .header_r .head_user  .task{
    padding: 8px 16px 13px 18px;
    background: none;
    height: auto;
    margin-right:0px;
    width: auto;
}
/* 任务系统二期 推荐任务 begin by wangdi2@douyu.tv 2018-1-13 */
#header .head .header_r .head_user .task{
    display: none;
    position: relative;
    padding: 8px 16px 13px 18px;
}
#header .head .header_r .head_user .task .task-title{
    font-size: 15px;
    color: #2c3e50;
    height: 26px;
    line-height: 26px;
}
#header .head .header_r .head_user .task .task-con{
    margin-top: 10px;
}
#header .head .header_r .head_user .task .taskItem {
    margin-bottom: 12px;
}
#header .head .header_r .head_user .task .taskItem:last-of-type {
    margin-bottom: 0;
}
#header .head .header_r .head_user .task .taskInfo,
#header .head .header_r .head_user .task .taskName,
#header .head .header_r .head_user .task .taskTag,
#header .head .header_r .head_user .task .taskReward,
#header .head .header_r .head_user .task .taskBtn {
    display: inline-block;
    vertical-align: top;
}

#header .head .header_r .head_user .task .taskInfo {
    margin-top: 4px;
    margin-right: 6px;
    max-width: 296px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#header .head .header_r .head_user .task .taskName {
    max-width: 180px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 17px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#header .head .header_r .head_user .task .taskTag {
    width: 32px;
    height: 17px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    background-color: #38c44f;
}

#header .head .header_r .head_user .task .taskTag.taskLimited {
    background-color: #7553f5;
}

#header .head .header_r .head_user .task .taskReward {
    max-width: 70px;
    font-size: 12px;
    line-height: 17px;
    color: #ff5d23;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#header .head .header_r .head_user .task .taskBtn {
    float: right;
    width: 54px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 12px;
    background-color: #ff5d23;
    cursor: pointer;
    outline: none;
    border: none;
}

#header .head .header_r .head_user .task .taskBtn.taskDisabled {
    color: #999;
    background-color: #eee;
    cursor: default;
}
/* end 任务系统二期 推荐任务 */
.uim-foot{padding: 13px 18px 8px 18px;background: #f3f3f3}
.uim-foot ul li{
    float:left;margin-right:44px;
}
.uim-foot ul li a{display:block;}
.uim-foot ul li a i{display:block;width:24px;height:24px;margin:0 auto; background-position:0 0; }
.uim-foot ul li a p{display:block;text-align: center;margin-top:4px;}
.uim-foot ul li.live-set{margin-right: 0px;}
.uim-foot ul li.live-set .live-hot{
    width: 20px;
    height: 13px;
    position: absolute;
    top: -8px;
    left: 35px;
/*    margin-left: 8px;*/
    background: 0 0 url('../images/icon-hot.png?20160601') no-repeat;
}


.uim-foot ul  .personal-center i{
  background-position:0px -189px;
}
.uim-foot ul  .personal-center .sel i,
.uim-foot ul  .personal-center a:hover i{
  background-position:0px -235px;
}
.uim-foot ul  .personal-center .sel p,
.uim-foot ul  .personal-center a:hover p{
  color:#f76300;
}
.uim-foot ul  .focus i{
    background-position:-61px -189px;
}
.uim-foot ul  .focus .sel i,
.uim-foot ul  .focus a:hover i{
    background-position:-61px -235px;
}
.uim-foot ul  .focus .sel p,
.uim-foot ul  .focus a:hover p{
     color:#f76300;
}
.uim-foot ul  .message i{
   background-position:-129px -189px;
}
.uim-foot ul  .message  .sel i,
.uim-foot ul  .message  a:hover i{
   background-position:-129px -235px;
}
.uim-foot ul  .message  .sel p,
.uim-foot ul  .message  a:hover p{
     color:#f76300;
}
.uim-foot ul  .message b,
.uim-foot ul .person-icon
{
    display: block;
    padding: 0 2px;
    min-width: 12px;
    height: 16px;
    background: #f76300;
   border-radius: 6px;
    position: absolute;
    top: -8px;
    left: 26px;
    line-height: 16px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: normal;
    -webkit-transform-style: preserve-3d
    moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    transform-origin: center center;
}

.uim-foot ul b.person-icon
{
    left: 36px;
}

.u_nav .recruite-icon{
    top: 0px;
    left: 110px;
}
.recruit_ul .recruit_none_bg {
    display: block;
    margin: 20px auto;
}

.uim-foot ul  .live-set i{
    background-position:-216px -189px;
}
.uim-foot ul  .live-set .sel i,
.uim-foot ul  .live-set a:hover i{
    background-position:-216px -235px;
}
.uim-foot ul  .live-set .sel p,
.uim-foot ul  .live-set a:hover p{
    color:#f76300;
}
.sign-spec{
    position: absolute;
    width: 25px;
    height: 15px;
    bottom: 2px;
    left: 2px;
    background: url(../images/sign_spec.png?20161012) no-repeat ;
    z-index:10;
}
/*直播间下方广告*/
.chat-bottom-ad{
    width: 326px;
    height:170px;
    position: absolute;
    top: -170px;
    left: 0;
    z-index: 330;
}
.chat-bottom-ad span{
    background: url('../images/room-chat-bottom-close.png?20160823') no-repeat;
    width: 30px;
    height:15px;
    position: absolute;
    top: 2px;
    right:2px;
    cursor: pointer;
    z-index: 11;
}
.chat-bottom-ad img{
    height: 100%;
    width: 100%;
}
/*文字广告*/
.ft-sign-cont{
    width: 250px;
    height: 20px;
    position: absolute;
    top: 48px;
    left: 0;
    overflow: hidden;
}
.ft-sign-cont .laba{
    background: url('../images/laba.png?20160819') no-repeat;
    width: 20px;
    height:16px;
    position: absolute;
    left:0;
    top:2px;
}
.ft-roll-cont{
    height:16px;
    width: 230px;
    position: absolute;
    left:25px;
}
#sign_p_30012 .ft-roll-cont a{
    display: block;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#sign_p_30012 .ft-roll-cont a:hover{
text-decoration: underline;
}

/*关注广告*/
#folowdiv .f-sign-cont ,.js_his .his-sign-cont  {
    height: 60px;
    margin: 10px 20px;
    border-radius: 5px;
    display: none;
}
#folowdiv .f-sign-cont img ,.js_his .his-sign-cont img {
    width: 100%;
    height: 100%;
}

/*搜索建议*/
.search-suggest-box{
    position: absolute;
    width: 362px;
    padding-top: 10px;
    border: 1px solid #d1d1d1;
    top: 50px;
    left: 0;
    background: #fff;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    filter:drop-shadow(0px 1px 2px #ccc);
    -webkit-filter:drop-shadow(0px 1px 2px #ccc);
    -moz-filter:drop-shadow(0px 1px 2px #ccc);
    box-shadow: 0 1px 2px #ccc\9;
    -o-filter:drop-shadow(0px 1px 2px #ccc);
}
.search-suggest-box .search-tran{
    position: absolute;
    left: 70px;
    top: -12px;
    width: 0;
    height: 0;
    font-size:0;
    margin-left -6px;
    border: 6px solid #d1d1d1;
    border-color: transparent transparent #d1d1d1 transparent;
}
.search-suggest-box .search-tran-holder{
    position: absolute;
    left: 70px;
    top: -11px;
    width: 0;
    height: 0;
    font-size:0;
    margin-left -6px;
    border: 6px solid #fff;
    border-color: transparent transparent #fff transparent;
}
.search-suggest-box .search-title{
    overflow: hidden;
    padding: 0 14px;
    line-height: 23px;
    background: #f4f4f4;
    color: #9b9b9b;
    cursor: default;
}

.search-suggest-box-auto .search-title{
    color: #333;
}

.search-title .search-clear{
    float: right;
    color: #9b9b9b;
}

.search-suggest-box .suggest-list{
    overflow: hidden;
    margin: 10px;
}
.search-suggest-box .suggest-list li{
    margin: 3px 0;
    padding: 0 6px;
    height: 23px;
    line-height: 23px;
    width: 170px;
    box-sizing: border-box;
    display: inline-block;
}
.search-suggest-box .suggest-list li:nth-child(odd) {
    margin-right: 2px;
}
.suggest-list .search-clear{
    float: right;
    margin-left: 10px;
    color: #868686;
    font-size: 20px;
    text-align: center;
}
.suggest-list li:hover{
    color: #f70;
    background: #f4f4f4;
}
.suggest-list li .search-field{
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    color: #909090;
}

.suggest-list li .search-field .key-word{
    color: #f70;
}

.suggest-list li:hover .search-field {
    color: #f70;
}

.search-suggest-box-hot .suggest-list li{
    position: relative;
}
.search-suggest-box-hot .suggest-list li .search-field{
    padding-left: 15px;
    color: #909090;
}
.search-suggest-box-hot .suggest-list i{
    position: absolute;
    left: 1px;
    top: 4px;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: #dbdbdb;
    color: #fff;
    border-radius: 3px;
    font-style: normal;
    text-indent: -1px;
}
.search-suggest-box-hot .suggest-list .hotest{
    background: #f70;
}
.search-suggest-box-main .search-title i{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(../images/search/search_icon.png?20160827) no-repeat;
}
.search-suggest-box-main .search-title span{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.search-suggest-box-main .search-suggest-ad {
    position: relative;
}

.search-suggest-box-main .search-suggest-ad a{
    display: inline-block;
    width:100%;
    height: 50px;
}
.search-suggest-box-main .search-suggest-ad a img {
    width:100%;
    height:100%;
}
.search-suggest-box-my .search-title i{
    background-position: 0 0;
}
.search-suggest-box-hot .search-title i{
    background-position: 0 -29px;
}
input::-ms-clear {
    display: none;
}

/* #31263 直播转点播优化 yichunbao@douyu.tv--------------开始------------------------*/

/*带箭头提示*/
.pop-dialog {
    position:absolute;
    background: #fff;
    min-width: 240px;
    color: #666;
    left: 50%;
    top: 100%;
    margin-left: -120px;
    margin-top: 10px;
    border: 1px solid #dcdcdc;
    border-top: 2px solid #f70;
    border-radius: 0 0 4px 4px;
    cursor: default;
    z-index:500;
}

.pop-dialog .pop-arrow,
.pop-dialog .arrow-inner {
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #f70;
    bottom:100%;
    left: 50%;
    margin-left: -7px;
}
.pop-dialog .pop-close{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    z-index: 2;
    line-height: 15px;
    font-size: 20px;
}
.pop-dialog .arrow-inner {
    top: -13px;
    border-bottom-color: #fff;
}
.pop-dialog .pop-extend-hover{
    position: absolute;
    width: 100%;
    height: 10px;
    top: -12px;
    left: -1px;
    padding: 0 1px;
}

.pop-dialog .cont{
    position: relative;
    padding:18px 20px;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    width: auto;
    height: auto;
    margin: auto;
    min-height: auto;
    border: none;
}
.pop-dialog .cont p{
    word-wrap: break-word;
    text-align: justify;
    line-height: 16px;
}

.pop-dialog .strong{
    font-size: 16px;
    font-weight: 600;
}
.pop-dialog .pop-control{
    line-height: 26px;
    margin-top:20px;
    padding-left:10px;
    text-align: center;
}
.pop-dialog .pop-control .btn-white,
.pop-dialog .pop-control  .btn-yellow{
    display: inline-block;
    width:73px;
    line-height: 26px;
    height:26px;
    text-align: center;
    border:1px solid #f70;
    color:#f70;
    background: #fff;
    cursor: pointer;
    border-radius: 4px;
    margin-right:10px;
}
.pop-dialog .pop-control  .btn-yellow{
    background:#f70;
    color: #fff;
}
.pop-dialog .pop-control  .btn-yellow:hover{
    background:#f60;
}
.pop-dialog .pop-control  .btn-white:hover{
    background:#f70;
    color: #fff;
}
.pop-dialog .pop-paragraph{
    padding-top: 10px;
}

.pop-dialog .pop-link {
    color:#f70;
    margin:0 5px;
}

/*头部提示*/
.header-video-area{
    position: relative;
    height:50px;
    line-height: 50px;
    margin-right: 20px;
}
.header-video-area .header-video-guide{
    margin-top:0;
    display: none;
    z-index: 1
}
.header-video-guide p{
    line-height: 20px;
}
.header-video-area .header-my-video{
    display: inline-block;
    height: 100%;
    cursor: pointer;
    color: #868686;
}
.header-video-area .header-my-video span{
    vertical-align: middle;
}
.header-video-area .header-my-video .icon{
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    width: 20px;
    height: 15px;
    background:url(../images/video.png?20161205) no-repeat 0 0;
}
.header-video-area:hover .header-my-video span{
    color: #f70;
}
.header-video-area:hover .header-my-video .icon{
    background-position: 0 -30px;
}
.header-video-area .video-msg-num{
    position: absolute;
    top: 7px;
    background: #f76300;
    min-width: 12px;
    height: 16px;
    line-height: 16px;
    border-radius: 6px;
    right: -13px;
    color: #fff!important;
    text-align: center;
    padding: 0px 2px;
    display: none;
}
/*提示*/
.pop-tips-wrap{
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 2;
}
.pop-tips{
    position: absolute;
    min-width: 145px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    bottom: 100%;
    margin-bottom: 14px;
    padding: 10px 15px;
    left: 50%;
    margin-left: -88px;
}
.pop-tips .pop-tips-layer{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
.pop-tips .arrow{
    position: absolute;
    border: 7px solid transparent;
    border-top: 7px solid #000;
    top:100%;
    left: 50%;
    margin-left: -7px;
}
.pop-tips .link,.pop-tips .active{
    color: #f70;
}
.pop-tips .cont{
    position: relative;
}
.pop-tips .line{
    white-space: nowrap;
}
/*头部消息*/
.video-msg-pop{
    margin-top:0;
    display: none;
    z-index: 1;
}
.video-msg-pop .video-msg-list{
    overflow: hidden;
    margin-top: -10px;
}
.video-msg-pop .video-msg-item{
    display: block;
    text-align: left;
    color: #666;
    line-height: 12px;
    margin-top: 10px;
}
.video-msg-pop .video-msg-item:hover{
    color: #f70;
}
/*直播转点播优化 yichunbao@douyu.tv-------------结束------------------------*/

/* #40215   用户等级系统改版 created by zhangqiuhong  start*/
.normallevel-next-icon,
.normallevel-prev-icon,
.normallevel-close{
    background: url(../images/normallevel/normallevel.png?20170222) no-repeat 0 0;
}
.normallevel-roll{
    position: absolute;
    top: 0;
    left: 0;
    height: 560px;
    z-index: 1;

}
.normallevel-lead {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 509;
    width: 100%;
    height: 100%;
}
.normallevel-mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.normallevel-box{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 880px;
    height: 560px;
    margin-left: -440px;
    margin-top: -280px;
    border-radius: 10px;
    overflow: hidden;
}
:root .normallevel-box{
    background:  #fff;
}
.normallevel-close {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 3;
    width: 13px;
    height: 13px;
    cursor: pointer;
    background-position: 0 -62px;
}
/* 引导层内容部分 start*/
.normallevel-step1,
.normallevel-step2,
.normallevel-step3,
.normallevel-step4{
    position: relative;
    float: left;
    width: 880px;
    height: 560px;
}
.
.normallevel-btn-con {
    position: absolute;
    left: 235px;
    bottom: 40px;
}
.normallevel-btn {
    display: inline-block;
    width: 150px;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    border: 1px solid #ff7700;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
.normallevel-btn-know {
    color: #ff7700;
    background-color: #fff;
}
.normallevel-btn-see{
    color: #fff;
    background-color: #ff7700;
}
.normallevel-btn:hover,
.normallevel-btn.active {
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    background-color: #ff5500;
}

.normallevel-step1 {
    background: url(../images/normallevel/page1bg.png?20170222) no-repeat 0 0;
}

.normallevel-step2 {
    background: url(../images/normallevel/page2bg.png?20170222) no-repeat 0 0;
}
.normallevel-step3 {
    background: url(../images/normallevel/page3bg.png?20170222) no-repeat 0 0;
}
.normallevel-step4 {
    background: url(../images/normallevel/page4bg.png?20170222) no-repeat 0 0;
}
.normallevel-btn-con {
    position: relative;
    top: 488px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

/* 引导层内容部分 end*/

.normallevel-roll-nav-list {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 3;
    margin-left: -52px;
}
.roll-nav{
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    background-color: #ccc;
}
.roll-nav.active,
.roll-nav:hover{
    cursor: pointer;
    background-color: #ff5500;
}

.normallevel-prev-area,
.normallevel-next-area {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 380px;
    height: 560px;
}
.normallevel-prev-area {
    left: 0;
}
.normallevel-next-area {
    right: 0;
}
.normallevel-next,
.normallevel-prev{
    display: block;
    position: absolute;
    z-index: 2;
    top: 244px;
    width: 35px;
    height: 70px;
    background-color: #f25500;
}
.normallevel-prev-area:hover .normallevel-prev,
.normallevel-next-area:hover .normallevel-next {
    cursor: pointer;
    background-color: #e14f00;
}
.normallevel-next {
    right: 0;
    border-radius: 35px 0 0 35px;
}
.normallevel-prev {
    left: 0px;
    border-radius: 0 35px 35px 0;
}
.normallevel-next-icon,
.normallevel-prev-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 19px;
}
.normallevel-prev-icon {
    margin-left: -11px;
    margin-top: -11px;
    background-position: 0 -29px;
}
.normallevel-next-icon {
    margin-left: 1px;
    margin-top: -10px;
    background-position: 0 0;
}
/* #40215   用户等级系统改版 created by zhangqiuhong  end*/

/*贵族系统一期 用户引导 新特权 begin*/
#header .l-menu .invisible span.myvip--guide--sp{
    background-color: #fc5e6d;
    border-radius:11px;
    height: 22px;
    line-height: 22px;
    width:58px;
    display: block;
    margin-left:6px;
    display: none;
}
#header .l-menu .invisible span.myvip--guide--sp .icon--guide--sp{
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fc5e6d;
    position: absolute;
    top:-4px;
    left:50%;
    margin-left: -4px;
}
/*贵族系统一期 用户引导 新特权 end*/

/*贵族FAQ进入按钮*/
.wallet .faq-btn{
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 0;
    height: 16px;
    padding: 0px 9px;
    margin-top: 2px;
    line-height: 18px;
    text-align: center;
    color: #ff7700;
    white-space: nowrap;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ff7700;
}
.wallet .faq-btn:hover{
    color: #fff;
    background:#ff7700;
}

#header .nobility-privilege .privilege-title-faq{
    float: right;
    height: 18px;
    padding: 0 11px;
    margin-right: 8px;
    font-size: 12px;
    color: #ff7700;
    line-height: 18px;
    border-radius: 20px;
    background-color: #fff;
    border: 1px solid #ff7700;
}
#header .nobility-privilege .privilege-title-faq:hover{
    color: #fff;
    background-color: #ff7700;
}

/*粉丝狂欢节 导航增加倒计时 by chenxueshuang start*/
.fans-carnival-box{
    float: left;
}
.fans-carnival{
    display: none;
    position: absolute;
    margin-left: 40px;
    margin-top: 6px;
    text-align: center;
}
.fans-carnival a{
    display: block;
    font-size: 0;
}
.fans-carnival .carnival-coming-title{
    display: inline-block;
    width: 138px;
    height: 14px;
    background: url(../images/fans/carnival_coming.png?20170425) no-repeat;
}
.fans-carnival .carnival-in-title{
    display: inline-block;
    width: 138px;
    height: 14px;
    background: url(../images/fans/carnival_in.png?20170425) no-repeat;
}
.fans-carnival.carnival-small{
    margin-top: 9px;
}
.carnival-small .carnival-small-title{
    display: inline-block;
    width: 68px;
    height: 30px;
    background: url(../images/fans/carnival_small.png?20170425) no-repeat;
}
.fans-carnival .carnival-time{
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #444;
}
.carnival-time em{
    display: inline-block;
    margin: 0 2px;
    padding: 0 3px;
    color: #fff;
    background-color: #f70;
    border-radius: 2px;
}
.carnival-lookback{
    display: inline-block;
    width: 138px;
    height: 35px;
    background: url(../images/fans/carnival_lookback.png?20170425) no-repeat;
}

/* E 2018春节活动 头部导航 wangzilong*/

#header .head .header_r .downapp.on em.menu_sj {
    transform: rotate(180deg);
}

/*弹幕逆袭 by chenxueshuang start*/
.counter-attack{
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -360px;
    width: 719px;
    height: 20px;
    line-height: 20px;
    background: url(../images/fans/progress.png?v=20170426) 0 0 no-repeat;
}
.counter-attack-progress{
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 20px;
    background: url(../images/fans/progress.png?v=20170426) 0 -40px no-repeat;
}
.progress-percent{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}
.progress-num{
    position: absolute;
    right: 10px;
    color: #ddd;
}
.counter-attack-close{
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: -28px;
    background: url(../images/fans/close_btn.png?v=20170426) no-repeat;
}
.counter-attack-close.on {
    display: block;
}
/*弹幕逆袭 by chenxueshuang end*/

/* #44243 广告分发系统优化V1.0 meibiying */
.business-tip {
    position: absolute;
    right: -18px;
    top: 37px;
    min-width: 200px;
    max-width: 285px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: 2px solid #ff8f2b;
    font-size: 12px;
    z-index: 10;
}
.business-tip-icon {
    display: inline-block;
    position: absolute;
    top: -14px;
    right: 76px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #ff8f2b;
}
.business-tip-header {
    height: 20px;
    background-color: #f5f5f5;
    text-align: right;
}
.business-tip-close {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background: url(../images/business-sprite.png) no-repeat 0 -12px;
}
.business-tip-content {
    padding: 0 20px;
}
.business-word {
    margin: 10px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.business-word-icon {
    display: inline-block;
    width: 15px;
    height: 12px;
    margin: -2px 3px 0 0;
    vertical-align: middle;
    background: url(../images/business-sprite.png) no-repeat 0 0;
}
.business-word-text {
    font-weight: bold;
    color: #555;
}
.business-list li {
    padding: 8px 0;
    color: #868686;
    border-top: 1px solid #ebebeb;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.business-list a {
    color: #555;
}
.business-list i {
    display: inline-block;
    width: 11px;
    height: 12px;
    padding-right: 5px;
    vertical-align: middle;
    background: url(../images/business-sprite.png) no-repeat -15px 0;
}
.business-tip-footer {
    text-align: right;
    padding: 4px 20px 12px;
    color: #aaa;
}
.business-tip-footer input {
    vertical-align: middle;
    margin-right: 5px;
}
/* #44243 广告分发系统优化V1.0 meibiying end */

/*S #48478 导航栏新增游戏礼包弹窗 liuhualing */
.gamepacks-box{
    position: absolute;
    right: 2px;
    top: 38px;
    width: 302px;
    /*height: 242px;*/
    border-radius: 4px;
    border:1px solid #ddd;
    background-color: #fff;
    padding: 20px 0 60px 20px;
    box-sizing: border-box;
    z-index: 5;
}
.gamepacks{
    margin-right: 20px;
}
.gamepacks li{
    padding: 15px 0;
    border-bottom: 1px solid #dfdfdf;
    font-size: 0;
}
.gamepacks li:last-child{
    border-bottom: 0;
}
.gamepacks .gamepacks-pic{
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
}
.gamepacks .gamepacks-pic img{
    width: 100%;
    display: block;
    border-radius: 4px;
}
.gamepacks-name,
.gamepacks-detail{
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
.gamepacks-name{
    font-size: 16px;
    color: #555;
    font-weight: 600;
    width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gamepacks-close{
    position: absolute;
    right: 6px;
    top: 0;
    color: #a7a7a7;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}
.gamepacks-detail{
    color: #fff;
    font-size: 12px;
    border-radius: 10px;
    -ms-border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
.gamepacks-detail span{
    padding: 1px 6px;
    display: block;
    /*background: #f70;*/ /* 一些不支持背景渐变的浏览器 */
    /*background:-moz-linear-gradient(left, #fbca1f, #ff7700);
    background:-o-linear-gradient(left, #fbca1f, #ff7700); */
    /*background:-ms-linear-gradient(left, #fbca1f, #ff7700);*//*IE9+*/
    /*background:-webkit-gradient(linear, 0 0, 60 0, from(#fbca1f),  to(rgba(255, 119, 0, 1)));  */
    /*-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=60,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fbca1f',endcolorstr='#ff7700',gradientType=1);*//*IE8*/
    /*filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=60,finishy=0) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#fbca1f',endcolorstr='#ff7700',gradientType=1);*//*IE<9>*/
    background: url(../images/gamepacks-detail-bg.png?v=20170512) repeat-y left top;
}
.head .gamepacks-detail:hover span{
    background: #f50;
    /*filter:alpha(opacity=100);*/
    color: #fff;
}
.gamepacks-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    background-color: #f3f3f3;
    padding: 9px 20px;
    box-sizing: border-box;
}
.gamepacks-bottom a{
    color: #5e5e5e;
}
.gamepacks-bottom-link{
    background:url(../images/gamepacks-icon.png?v=20170508) no-repeat left center;
    padding-left: 14px;
}

.gamepacks-bottom a:hover,
.gamepacks-bottom-link em{
    color: #ff6d00;
}
.gamepacks-checkbox{
    margin-top: 6px;
    color: #808992;
    font-size: 12px;
}
.gamepacks-checkbox input,
.gamepacks-checkbox label{
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    color: #808992;
}
.gamepacks-checkbox input[type="checkbox"]{
    margin-right: 4px;
    margin-top: -2px;
}
/*滚动条*/
.gamepacks-box .mCustomScrollbar .mCSB_scrollTools,
.gamepacks-box .mCSB_draggerRail{
    width: 6px;
    background: #eee;
    right: 1px;
    top: 10px;
    bottom: 10px;
    visibility: hidden;
}
.gamepacks-box .mCustomScrollbar:hover .mCSB_scrollTools{
    visibility: visible;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    width: 6px;
    background: #d2d2d2;
    border-radius: 6px;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
    background: #f70;
}
.gamepacks-box .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.gamepacks-box .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{
    background: #f70;
}
.gamepacks-box .mCSB_inside > .mCSB_container{
    margin-right: 0;
}
/*E #48478 导航栏新增游戏礼包弹窗 liuhualing */
/*斗鱼嘉年华 导航增加倒计时 by liufulong start*/
.douyu-carnival-box{
    float: left;
}
.douyu-carnival{
    display: none;
    position: absolute;
    margin-left: 40px;
    margin-top: 6px;
    text-align: center;
}
.douyu-carnival .carnival-festival{
    display: block;
    font-size: 0;
}
.douyu-carnival .carnival-coming-title{
    display: inline-block;
    width: 123px;
    height: 16px;
    background: url(../images/carnival2017/logo_comming.png?20170516) no-repeat;
}
.douyu-carnival .carnival-in-title{
    display: inline-block;
    width: 146px;
    height: 16px;
    background: url(../images/carnival2017/logo_in.png?20170516) no-repeat;
}
.douyu-carnival.carnival-small{
    margin-top: 9px;
}
.douyu-carnival-box .carnival-small .carnival-small-title{
    display: inline-block;
    width: 59px;
    height: 33px;
    background: url(../images/carnival2017/logo_small.png?20170516) no-repeat;
}
.douyu-carnival-box .douyu-carnival .carnival-time{
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #444;
}
.douyu-carnival-box .carnival-time-title {
    margin-right: 5px;
}
.douyu-carnival-box .carnival-time em{
    display: inline-block;
    margin: 0 3px;
    padding: 0 3px;
    color: #fff;
    background-color: #28a1ff;
    border-radius: 2px;
}
/*斗鱼嘉年华 导航增加倒计时 by liufulong end*/
/* #54301 7月全站活动 meibiying 2017/07/03 */
.fansjuly-box{
    float: left;
}
.fansjuly{
    display: none;
    position: absolute;
    margin-left: 40px;
    text-align: center;
}
.fansjuly a{
    display: block;
    font-size: 0;
}
.fansjuly-title{
    display: inline-block;
    width: 106px;
    height: 25px;
    background: url(../images/julyfans/big.png?20170703) no-repeat;
}
.fansjuly.fansjuly-small{
    margin-top: 5px;
}
.fansjuly-small .fansjuly-small-title{
    display: inline-block;
    width: 67px;
    height: 37px;
    background: url(../images/julyfans/small.png?20170703) no-repeat;
}
.fansjuly-time{
    display: block;
    margin-top: 3px;
    line-height: 16px;
    font-size: 12px;
    color: #3b3b3b;
}
.fansjuly-time em{
    display: inline-block;
    margin: 0 2px;
    padding: 0 2px;
    color: #fff;
    text-align: center;
    background-color: #cf1515;
    border-radius: 2px;
}
.fansjuly-lookback{
    display: block;
    width: 106px;
    height: 45px;
    margin-top: 3px;
    background: url(../images/julyfans/lookback.png?20170703) no-repeat;
}

.fansjuly-small .carnival-small-title {
    display: inline-block;
    width: 67px;
    height: 37px;
    background: url(../images/julyfans/small.png?20170703) no-repeat;
}

/* div.msg_model {
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.37);
    filter:alpha(opacity=30);
}

div.msg_model div {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -157px;
    margin-left: -171px;
    width: 342px;
    height: 339px;
    background-repeat: no-repeat;
    background-image: url(../images/cg_recruitcate_bg.png);
}

div.anchor_msg_model p {
    font-size: 15px;
}

div.msg_model div.success_msg_model {
    background-image: url(../images/recruit_success_bg.png);
}

div.msg_model div.success_msg_model h{
    font-size: 18px;
    color: #ff7700;
    margin-top: 218px;
}

div.msg_model div.success_msg_model p{
    font-size: 14px;
    color: #999;
    margin-top: 14px;
}

div.msg_model p {
    margin-top: 240px;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
}

div.msg_model div.recruit_msg_model p{
    font-size: 14px;
    color: #ff7700;
}

div.msg_model em.msg_close_icon{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

div.msg_model em {
    color: #ff7700;
}

div.anchor_msg_model a {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 49px;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 314px;
    height: 49px;
    background-image: url(../images/anchor_apply_btn.png);
} */

.u_nav .anchor_recruit_guide {
    overflow: hidden;
    width: 336px;
    height: 182px;
    background-image: url(../images/anchor_recruit/anchor_recruit_guide_bg.png);
    background-repeat: no-repeat;
    background-position: center;

    position: absolute;
    right: -343px;
    top: -76px;
    z-index: 500;
}
.u_nav .anchor_recruit_guide .recruit_guide_close {
    cursor: pointer;
    width: 12px;
    height: 12px;
    background-image: url(../images/anchor_recruit/css_sprites.png?20171018);
    background-repeat: no-repeat;
    background-position: -10px -57px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.u_nav .anchor_recruit_guide .recruit_guide_content {
    width: 100%;
    text-align: center;
    margin-top: 124px;
}
.u_nav .anchor_recruit_guide .recruit_guide_line1 {
    color: #f70;
    font-size: 12px;
    line-height: 18px;
}
.u_nav .anchor_recruit_guide .recruit_guide_line2 {
    color: #999;
    font-size: 12px;
    line-height: 18px;
}

/* 增加视频入口 */
#header .header_nav .video-entry{
    width: auto;
    padding: 0;
    margin: 0 20px;
}
#header .header_nav .video-entry .video-entry-icon{
    position: absolute;
    top: -7px;
    right: -18px;
    width: 18px;
    height: 20px;
    background-image: url('../images/videoentry/ventryicon.png?20171125');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#header .header_nav .video-entry .video-entry-guide{
    position: absolute;
    top: 7px;
    left: 50%;
    margin-left: -192px;
    width: 385px;
    height: 228px;
    background-image: url('../images/videoentry/vguide.png?20171125');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#header .header_nav .video-entry .video-entry-guide .close-btn{
    position: absolute;
    top: 74px;
    right: -4px;
    width: 28px;
    height: 28px;
    background-image: url('../images/videoentry/vguideclosebtn.png?20171125');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
#header .header_nav .video-entry .video-entry-guide .close-btn:hover{
    background-image: url('../images/videoentry/vguideclosebtnhover.png?20171125');
}
/* end 增加视频入口 */

/* 客户端下载增加角标 start wulieqing@douyu.tv */
#header .headerdown-corner,
#header .headerdownpc-corner {
    position: absolute;
    width: 64px;
    height: 24px;
    background: url(../images/header-downicons.png?20180704) no-repeat;
}

#header .headerdown-corner {
    background-position: 0 0;
    top: -12px;
    left: 1px;
}

#header .head .head_downl .d-list-cell {
    position: relative;
}

#header .headerdownpc-corner {
    top: -4px;
    left: 18px;
    background-position: 0 -40px;
}

/* 客户端下载增加角标 end wulieqing@douyu.tv */


/* ================= 头部导航配置化 S ================= */
#header.is-specialHeader {
    border-bottom: 1px solid #be9457;
}
/* SVG图标 S */
@font-face {
    font-family: "headerFont";
    src: url('./font/headerIcon/headerFont.eot?t=20181222'); /* IE9*/
    src: url('./font/headerIcon/headerFont.eot?t=20181222') format('embedded-opentype'), /* IE6-IE8 */
    url('./font/headerIcon/headerFont.woff?t=20181222') format('woff'), /* chrome, firefox */
    url('./font/headerIcon/headerFont.ttf?t=20181222') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('./font/headerIcon/headerFont.svg?t=20181222') format('svg'); /* iOS 4.1- */
}
#header > .head .headerFont {
    font-family: "headerFont" !important;
    font-size: 18px;
    color: #868686;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale;
    background: none !important;
}

#header > .head .header_his:hover .headerFont,
#header > .head #js_myfollow:hover .headerFont,
#header > .head .o-broadcast:hover .headerFont,
#header > .head .o-download:hover .headerFont,
#header > .head .o-unlogin:hover .headerFont {
    color: #f70
}

.headerIcon-history:before { content: "\e02b"; }

.headerIcon-broadcast:before { content: "\e02d"; }

.headerIcon-follow:before { content: "\e028"; }

.headerIcon-download:before { content: "\e02a"; }

.headerIcon-search:before { content: "\e02c"; }

.headerIcon-login:before { content: "\e027"; }

.headerIcon-arrow1:before { content: "\e02f"; }

.headerIcon-arrow2:before { content: "\e031"; }

/* SVG图标 E */

/* 左右动图 S */
#header > .headerAct-leftPic,
#header > .headerAct-rightPic {
    width: 360px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;

}
#header > .headerAct-rightPic {
    left: auto;
    right: 0;
}
/* 左右动图 E */

/* 万星人入口 S */
.head .header_nav .wxr-menu .specialMenuEnterWrap {
    height: 50px;
    line-height: 50px;
}
.head .header_nav .wxr-menu .specialMenuEnterWrap::after {
    content: '';
    height: 50px;
    width: 1px;
    display: inline-block;
    vertical-align: middle;
}
/* 万星人入口 E */

/* 搜索 S */
#header.is-specialHeader .head .search {
    background-color: #fff;
}

#header > .head .js_search .headerFont {
    font-size: 16px;
    vertical-align: middle;
    color: rgba(0, 0, 0, .7);
}

#header.is-specialHeader .search .fl,
#header.is-specialHeader .search .search-hot-key,
#header.is-specialHeader .search-placeholder {
    color: #777;
}
/* 搜索 E */

#header .head .o-broadcast .b-ico {
    width: 20px;
    vertical-align: top;
}

.head .header_nav > .game_menu.on .menu_sj,
.head .header_nav > .funny_menu.open > i,
#header .head .header_r .head_user:hover .headuser .user_top,
#header .header_nav .assort.open > i,
#header .header_nav .funny.open > i,
.head .loginShow a:hover {
    color: #f70;
}
#header .head .header_r .downapp.on .menu_sj,
#header .head .header_r .head_user.on .headuser em.menu_sj {
    border-top-color: #f70;
}

.head .header_nav .funny_menu > i,
.head .header_nav > .game_menu .menu_sj {
    width: 20px;
    height: 20px;
    top: 7px;
    color: #444;
    line-height: normal;
    background: none;
    text-align: center;
}

.head .header_nav > .game_menu.on .menu_sj,
.head .header_nav .funny_menu.open > i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

#header .head .loginShow .iconfont {
    width: 20px;
    height: 20px;
    background: none;
}

#header .head .header_nav .game_menu:hover > a,
#header .head .header_nav .funny_menu:hover > a,
#header .head .header_nav .game_menu:hover > .headerFont,
#header .head .header_nav .funny_menu:hover > .headerFont {
    color: #f70;
}

/* 导航入口样式 S */
#header .header_nav .wxr-menu {
    position: relative;
    padding-right: 10px;
    top: -10px;
    font-size: 0;
}

#header .specialMenuEnter {
    max-width: 100px;;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    line-height: normal;
    vertical-align: middle;
}
#header .specialMenuEnter-link {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: #444;
    font-size: 20px;
}
#header .specialMenuEnter-link:hover {
    color: #ff630e;
}
#header .specialMenuEnter.is-enterIcon {
    margin-right: 40px;
}
#header .specialMenuEnter-pic > img {
    max-width: 100px;
    max-height: 50px;
    display: inline-block;
    vertical-align: middle;
}
#header .specialMenuEnter-icon {
    position: absolute;
    top: 0;
    right: -26px;
    margin-top: -8px;
    width: 25px;
    height: 25px
}
#header .specialMenuEnter-icon > img {
    width: 100%;
    height: 100%;
}
/* 导航入口样式 E */
/* 活动倒计时入口样式 S */
.specialHeaderTimerBox {
    width: 130px;
    padding-top: 12px;
}
.specialHeaderTimerEnter {
    width: 100px;
    height: 30px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: center;
    font-size: 12px;
}

.specialHeaderTimerEnter-name {
    width: 104px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: -6px;
    left: 50%;
    margin-left: -52px;
    color: #999;
}
.specialHeaderTimerEnter-desc,
.specialHeaderTimerEnter-time {
    position: relative;
    top: 13px;
    display: block;
    font-size: 0;
    color: #fff;
}

.specialHeaderTimerEnter-desc {
    font-size: 12px;
    font-weight: bold;
}

.specialHeaderTimerEnter-timeItem {
    display: inline-block;
    width: auto;
    line-height:16px;
    text-align: right;
    font-size: 12px;
    color: #fff;
}
.specialHeaderTimerEnter-time .specialHeaderTimerEnter-timeItem.is-showHms {
    margin: 0 2px;
}
.specialHeaderTimerEnter-timeItem em {
    display: inline-block;
    font-style: normal;
}
.specialHeaderTimerEnter-time i {
    display: inline-block;
    width: auto;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
}
/* 活动倒计时入口样式 E */
/* ================= 头部导航配置化 E ================= */
.header_nav .funny_menu .a-list .btns {
    width: 100%;
    overflow: hidden;
}

.header_nav .funny_menu .a-list .btns li {
    width: 119px;
    height: 44px;
    margin-bottom: 10px;
}

.header_nav .funny_menu .a-list .btns li:nth-child(1) {
    margin-right: 10px;
}

.header_nav .funny_menu .a-list .btns li a {
    width: 100%;
    box-sizing: border-box;
    height: 44px;
    border: none;
    background: transparent;
    color: #333;
    font-size: 12px;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-radius: 3px;
    display: block;
}

.header_nav .funny_menu .a-list .btns li .g-cover {
    width: 42px;
    height: 42px;
    float: left;
    border-radius: 6px;
    border: none;
    margin: 1px 0;
}

.header_nav .funny_menu .a-list .btns li .btn-wrap {
    margin-left: 47px;
    text-align: left;
    line-height: 1;
}

.header_nav .funny_menu .a-list .btns li .g-title {
    color: #555;
}

.header_nav .funny_menu .a-list .btns li .g-overh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header_nav .funny_menu .a-list .btns li .g-btn {
    color: #ff5d23;
    padding: 0 5px;
    border: 1px solid #ff5d23;
    display: inline-block;
    border-radius: 3px;
    line-height: 18px;
    margin-top: 5px;
}

.header_nav .funny_menu .a-list .btns li .g-cloud-btn {
    float: right;
    margin-top: 0;
    position: relative;
    bottom: 5px;
}

.header_nav .funny_menu .a-list .btns li .g-cloud-des {
    margin-top: 10px;
    width: 60%;
}

.header_nav .funny_menu .a-list .g-hr {
    border: none;
    border-top: 1px solid #ddd;
    margin-top: 18px;
}

.header_nav .funny_menu .a-list .btns .g-des {
    color: #bfbfbf;
    line-height: 1.6;
}

.header_nav .funny_menu .a-list .btns .g-sbtn {
    color: #555;
}

.nobility-privilege .new-noble-progress {
    padding-top: 8px;
    height: 12px;
    text-align: left;
    color: #828992;
}

.nobility-privilege .new-noble-bar {
    position: relative;
    float: right;
    margin-top: 4px;
    width: 118px;
    height: 10px;
    background: #fff;
    border: 1px solid #dfba77;
    border-radius: 5px;
}

.nobility-privilege .new-noble-inner {
    position: absolute;
    left: 0;
    top: 0;
    min-width: 0;
    max-width: 100%;
    height: 10px;
    background: #dcc393;
}

.nobility-privilege .new-noble-value {
    position: absolute;
    z-index: 1;
    left: 0;
    top: -1px;
    height: 12px;
    width: 100%;
    text-align: center;
    line-height: 1;
    color: #775b26;
}

.HistoryList > a,.FollowList > a{
    display: block;
    padding: 8px;
    border-radius: 2px;
    margin: 0 8px;
    overflow: hidden;
    color: #333;
}
.HistoryList > a:hover,.FollowList > a:hover{
    color: #ff5d23;
    background-color: #f4f4f4;
}
.HistoryList .HistoryCover{
    width: 100px;
    height: 56px;
    margin-right: 10px;
    border-radius: 5px;
    float: left;
    position: relative;
    overflow: hidden;
}
.HistoryList .HistoryCover>img{
    width: 100%;
    height: 100%;
}
.HistoryList .HistoryCover>span{
    width: 46px;
    height: 18px;
    line-height: 18px;
    background-color: #ff5d23;
    border-radius: 2px;
    color: #fff;
    right: 4px;
    bottom: 4px;
    text-align: center;
    position: absolute;
}
.HistoryList .HistoryInfo{
    float: left;
    margin-top: 10px;
    width: 198px;
}
.HistoryList .HistoryInfo>p{
    display: block;
}
.HistoryList .HistoryTitle,.FollowList .FollowTitle{
    color: inherit;
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.HistoryList .HistoryName{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    float: left;
    width: 105px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.HistoryList .HistoryName::before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/header_sprite.@2x.png) no-repeat;
    background-size: 200%;
    background-position: -14px -14px;
    vertical-align: middle;
    margin-right: 3px;
}
.HistoryList .History-is-live{
    float: right;
    color: #666;
    text-align: right;
    width: 70px;
    font-size: 12px;
    padding-right: 2px;
}
.HistoryList .History-is-live>i{
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 3px;
    background: url(../images/header_sprite.@2x.png) no-repeat;
    background-size: 200%;
}
.HistoryList .History-is-live.is-live>i{
    background: url(../images/live_icon_on@2x.gif) no-repeat;
    background-size: 100%;
    background-position: 0 0;
}
.FollowList .FollowCover{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    float: left;
}
.FollowList .FollowInfo{
    width: 250px;
    float: left;
    margin-top: 3px;
}
.FollowList .FollowHot{
    color: #999;
    font-size: 12px;
    line-height: 20px;
    max-width: 66px;
    margin-left: 14px;
    float: right;
}
.FollowList .FollowHot>i{
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 3px;
    background: url(../images/header_sprite.@2x.png) no-repeat;
    background-size: 200%;
    background-position: 0 -14px;
}
.FollowList .FollowTitle{
    display: block;
}
.FollowList .FollowName,.FollowList .FollowPlayTime{
    font-size: 12px;
    line-height: 20px;
    color: #999;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 122px;
}
.FollowList .FollowPlayTime{
    float: right;
    text-align: right;
    width: 108px;
}
.cloud-game-name {
    width: 56%;
}

/* body {
  filter: grayscale(1);
} */


.nav_tit .platform-super-drop i {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 3px;
    border: 6px solid;
    border-color: #444 transparent transparent transparent;
    vertical-align: middle;
    margin-bottom: -2px;
}

.nav_tit .platform-super-enter {
    position: relative;
}

/* .nav_tit .platform-super-enter .platform-super-drop,
.nav_tit .platform-super-enter:hover .platform-super-drop {
    color: #444;
} */

.nav_tit .platform-super-enter:hover .platform-super-drop i {
    margin-bottom: auto;
    margin-top: -10px;
    border-color: transparent transparent #444 transparent;
}

.nav_tit .platform-super-enter:hover .platform-super-list {
    display: block;
}

.nav_tit .platform-super-list {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 5px 0;
    display: none;
    z-index: 100;
}

.nav_tit .platform-super-list a {
    display: block;
    margin: 0;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}

.cms_cont_wrap {
    width: 1128px;
    margin: 0 auto;
}

.cms_news_tabs {
    margin-top: -15px;
    margin-bottom: 15px;
}

.cms_news_tabs .cms_news_item {
    display: inline-block;
    font-size: 14px;
    font-family: microsoft yahei;
    color: #999;
}

.cms_news_tabs .cms_news_item_divider {
    color: #ddd;
    font-size: 12px;
    margin: 0 20px;
}

.cms_news_tabs .cms_news_item.active {
    color: #ff5500;
    font-weight: bold;
}

.cms_cont {
    position: relative;
}

.cms_read_times {
    position: absolute;
    bottom: 10px;
    color: #555;
    left: 20px;
}

@media screen and (max-width: 978px) {
    .cms_news_tabs {
        display: none;
    }
}

.room-banned-wrap {
    text-align: center;
    width: 500px;
    margin: 115px auto;
}

.room-banned-wrap div {
    margin-top: 10px;
}
.room-banned-wrap .room-banned-warning {
    display: inline-block;
    background-image: url(../images/roomIsBanned.png);
    width: 180px;
    height: 180px;
    margin: 30px auto;
}
.room-banned-wrap .room-banned-tip {
    width: 100%;
    font-size: 36px;
    font-weight: 600;
}
.room-banned-wrap .room-banned-desc1 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    width: 100%;
}
.room-banned-wrap .room-banned-desc2 {
    margin-top: 50px;
    width: 100%;
    font-size: 14px;
    color: #999;
}

.room-banned-wrap .room-banned-desc2 a {
    color: #ff5d23;
}

.room-banned-wrap .room-banned-appeal {
    display: inline-block;
    width: 160px;
    height: 50px;
    line-height: 50px;
    background: #ff5d23;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    margin: 20px auto;
}

